Слайд-шоу


Я в детстве очень любил рассматривать слайды
Что тут говорить, плавно сменяющееся слайд-шоу может очень сильно увеличить визуальную привлекательность сайта при довольно небольших усилиях. Эффект чисто психологический. Взгляд привлекает любое движение и изменение, главное чтобы оно не было навязчивым и раздражающим.

Кроме чистого слайдшоу я решал задачу размещения некоего текста поверх него.

У меня получилось два варианта. Один с помощью чистого jQuery, и другой с помощью плагина CrossSlide.


jQuery + велосипед
=================================
СМОТРЕТЬ ДЕМО

Всего имеем 3 слайда, расположенных на 3-х разных div, которые соответственно имеют индекс в диапазоне 0..2. Таймер переключает видимость у этих дивов с помощью fadeToggle.

Исходный код:






Вниз по матушке по Волге ..

Текст, который идёт дальше

jQuery + CrossSlide
=================================
СМОТРЕТЬ ДЕМО

Реализация стандартная, согласно документации CrossSlide. В отличие от первого примера тут можно играть скоростью преобразования. Кроме того тут кроме обычного fading-эффекта можно делать движение слайдов в различные стороны и их масштабирование.

Обратите внимание, что кроме jQuery подключается файл плагина, который нужно предварительно скачать и положить в тёмное прохладное место.








Вниз по матушке по Волге ..

Текст, который идёт дальше