Вход

Просмотр полной версии : Маска для контейнера с фотографиями


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
В моем javascript коде есть объект div, контейнер который хранит содержимое. с помощью jquery и библиотеки от greensock я добавляю в него при скроллинге новое изображение и подменяю им старое. Оба объекта с помощью анимации синхронно перемещаются, новая фотография приезжает в видимую область, а старая уезжает.
нет у вас такого объекта в javascript
Но в интернете не нашел примеров для контейнеров, а только для текста и фотографий.

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

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

inozemcev
24.04.2013, 13:17
нет у вас такого объекта в javascript

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

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



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

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