По сравнению с jcarousel, jcarousel Lite устраняет ограничения скина. Вы можете настроить передние и задние кнопки, а также кнопки вкладок. Сгенерированный HTML-код более краток, а файл меньше (2 КБ).
Ссылка для скачивания:
Как использовать: http://www.gmarwaha.com/jquery/jcarousellite/
Скопируйте код кода следующим образом:
<дел>
<ул>
<ли></ли>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<тип сценария="текст/javascript">
$(документ).ready(функция(){
$(".Имя класса").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //Настраиваем вкладку положения прокрутки в порядке массива
//auto: 2000, //Укажите, сколько миллисекунд будет выполняться периодическая автоматическая прокрутка. По умолчанию — ноль
//скорость: 800, //Скорость скольжения, можете попробовать 800 1000 1500
//vertical:false, //Прокручивать ли по вертикали, по умолчанию false
//circular:true, //Если прокручивать по кругу, по умолчанию установлено значение true
//visible:3, //Видимое количество элементов может быть десятичным, например 2,5 равно 2,5 ли
//scroll:1, //Количество li, прокручиваемых каждый раз
//start:0, //Начальная позиция, по умолчанию 0
//beforeStart:function(){} //Функция, вызываемая обратно при начале прокрутки
//afterEnd:function(){} //Функция, вызываемая обратно при завершении прокрутки
});
});
</скрипт>