Здравствуйте.
У меня следующий вопрос.
Нашел следующий пример http://ruseller.com/lessons/les236/example/index.html. Здесь при наведении курсора картинка1, с помощью FadeTo, плавно меняется в картинку2.
Подскажите, как можно сделать, чтобы картинка1 плавно переходила в картинку2, а картинка2 — в картинку3? Если убрать курсор, то картинка3 плавно переходила в картинку1.
И еще, можно ли сделать тет же самый алгоритм, но при наведении курсора плавная смена 3-х картинок была бы зациклина до тех пор, пока не убрали курсор?
Если это можно реализовать, то подскажите, как или дайте ссылку на подробный мануал.
Спасибо
Изображения должны находится друг под другом. Никогда не видел готовых примеров. Вообще реализация зависит от нужд.
Используйте изменение CSS свойства opacity.
Можно обойтись без JS. Если использовать только CSS3. Например в CSS3 есть анимация.
Остается сделать, что бы смена изображений запускалась по событию onmouseup и останавливалось по событию onmousedown.