Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Маска для контейнера с фотографиями (https://javascript.ru/forum/dom-window/37545-maska-dlya-kontejjnera-s-fotografiyami.html)

inozemcev 24.04.2013 03:04

Маска для контейнера с фотографиями
 
Уважаемые друзья. Только только начинаю осваивать javascript, css3, html5. До этого времени 4 года занимался и продолжаю заниматься программированием на actionscript.

Вопрос у меня такой. В actionscript у каждого видимого объекта в том числе у контейнеров Sprite, MovieClip есть свойство mask, которое позволяет сделать часть содержимого невидимым. Маска, в данном случае, - объект, который своими размерами и определяет видимую часть содержимого.

Каким образом можно реализовать аналогичное свойство?

В моем javascript коде есть объект div, контейнер который хранит содержимое. с помощью jquery и библиотеки от greensock я добавляю в него при скроллинге новое изображение и подменяю им старое. Оба объекта с помощью анимации синхронно перемещаются, новая фотография приезжает в видимую область, а старая уезжает.

Я так понимаю что из всего арсенала технологий есть возможность применить маску с помощью css и с помощью swg. Но в интернете не нашел примеров для контейнеров, а только для текста и фотографий.

Буду признателен вам за консультацию.

dmitriymar 24.04.2013 10:17

Цитата:

Сообщение от inozemcev
В моем javascript коде есть объект div, контейнер который хранит содержимое. с помощью jquery и библиотеки от greensock я добавляю в него при скроллинге новое изображение и подменяю им старое. Оба объекта с помощью анимации синхронно перемещаются, новая фотография приезжает в видимую область, а старая уезжает.

нет у вас такого объекта в javascript
Цитата:

Сообщение от inozemcev
Но в интернете не нашел примеров для контейнеров, а только для текста и фотографий.

нет контейнеров подобных флеш. div и флеш контейнеры это разные вещи

Не стоит переносить знания из флеш -мало чего общего.

inozemcev 24.04.2013 13:17

Цитата:

Сообщение от dmitriymar (Сообщение 247850)

нет у вас такого объекта в javascript

нет контейнеров подобных флеш. div и флеш контейнеры это разные вещи

Не стоит переносить знания из флеш -мало чего общего.

Дмитрий, оба языка согласуются с одной и той же спецификацией. Есть достаточно много общего благодаря чему я собственно достаточно легко адаптируюсь.

Выяснилось что в css стилях есть свойство clip, а также clip-path с помощью которых можно решить мою задачу.


Часовой пояс GMT +3, время: 19:50.