- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Easy Slider
Ноябрь 15, 2010
Это скрипт слайдера с плагином Easy Slider 1.7 (нажав на ссылку, вы перейдете к полному руководству)
JavaScript
Для того, чтоб скрипт работал, в index-#.html файле со слайдером должны стоять следующие строки:
В файле index-#.html в области <head> должны быть вот эти строки кода для инициализации функциональности скрипта с основными атрибутами value:
Здесь атрибуты скрипта определяют такие значения:
• #slider – id
контейнера к которому применяется скрипт (id тег-контейнера <div>);
• continuous: true – когда стоит на true, слайды меняются непрерывно;
• pause: 4000 – скорость изменения слайдов.
HTML
Для этого слайда вставьте только список слайдов с классом .slider в тэг <div>.
Вот как выглядит HTML скрипт:
Каждый элемент списка (<li> тэг) представляет собой отдельный слайд. Поэтому для того, чтоб настроить элементы слайдера измените изображения в тэгах <li> tags.
CSS
В главном файле style.css находится скрипт таблицы стилей. Измените вот эти стили: