- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
jCarouselLite
Ноябрь 15, 2010
- Демо
- Скачать
JavaScript
Чтобы скрипт работал, в файле index-#.html с «каруселью» должны находится следующие строки HTML кода:
В разделе <head> файла index-#.html находятся эти линии кода, для инициализации функциональности скрипта с основными значениями:
Скрипт инициализирует элемент с классом .carousel следующими атрибутами:
• btnNext: «.next» – определяет кнопку “Next” (следующий) как элемент с классом .next;
• btnPrev: «.prev» – определяет кнопку “Previous” (предыдущий) как элемент с классом .prev;
HTML
Вот как выглядит HTML скрипт:
Убедитесь, что Вы для каждой картинки указали правильное значение height (высота) .
Чтобы добавить картинку, просто скопируйте следующее :
CSS
В отличие от других скриптов, Вам не нужно вручную изменять CSS. Вся таблица стилей создается через JavaScript.