s3slider jQuery плагин

s3Slider jQuery плагин сделан на основе скрипта слайд-шоу от jd.

Если вам нужно что-то подобное для вашего сайта, то s3Slider как раз то, что вам нужно.

Как это работает

Все очень просто. Во-первых, подключите библиотеку jQuery, затем и скрипт s3Slider в head разделе сайта.

jQuery можно скачать с домашней страницы.

П'омните: Для корректной работы скрипта, должен соблюдаться ряд правил.

HTML

Пояснение

Если вы установили основной DIV ID, как s3slider, как мы cделали здесь, то это имя, должно быть префиксом и для всех других классов и ID для этого конкретного слайд-шоу. Например, если вы установите ID для основных DIV, как 'your_name', то внутренний ID должен быть 'your_nameContent' и классом '.your_nameImage', как в приведенном выше примере.

Во-вторых, каждый '.your_nameImage' элемент должен иметь потомка span.

Кроме того, последний DIV с классом 'clear' также должен иметь класс '.your_nameImage'.
Если вы этого не сделаете, то последние изображение не будет показано в слайд-шоу.

CSS

Затем, нужно инициализировать s3Slider и установить продолжительность показа одной фотографии (значение в миллисекундах).

JS

Также есть еще подборка десятки лучших jQuery слайдеров.


Оставить комментарий