AnythingSlider

• Демо версия
• Скачать

В этом плагине много различных функций как общих для всех скриптов слайдера так и новых, созданных специально для данного слайдера:
• Автостарт;
• Динамический вывод ;
• Поддержка для разных эффектов перехода между слайдами;
• Кнопка stop / play;
• Поддержка для тегов hash.

JavaScript
Чтобы скрипт работал нужно, чтоб в index-#.html файле со слайдом были эти строки HTML кода:

В файле slider.js должны быть эти строки, для того, чтоб заработал слайдер:

Скрипт хорошо прокомментирован, поэтому Вы всегда сможете узнать какой атрибут изменить, чтобы ныстроить фенкциональность слайдера.

HTML
При использовании этого слайдера нужно просто вставить список слайдов в <div> тег с .slider классом.

Ниже этот скрипт представлен в HTML:

Каждый элемент списка (<li> тег) представляет собой слайд. Поэтому для того, чтобы изменить элементы слайдера нужно изменить изображения под тегами <li>.

CSS
Скрипт связанных стилей находится в главном файле style.css. Нужно изменить эти стили: