Автор | Сообщение | |||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Скачайте архив и загрузите папку в корень сайта папка includes (если нет то создать), в нужное место ставим слайдер. Код <script type="text/javascript" src="/includes/jcarousel/jquery.jcarousel.min.js"></script><link rel="stylesheet" type="text/css" href="/includes/jcarousel/skins/skin.css" /><script type="text/javascript">function mycarousel_initCallback(carousel){// Disable autoscrolling if the user clicks the prev or next button.carousel.buttonNext.bind('click', function() {carousel.startAuto(0);});carousel.buttonPrev.bind('click', function() {carousel.startAuto(0);});// Pause autoscrolling if the user moves with the cursor over the clip.carousel.clip.hover(function() {carousel.stopAuto();}, function() {carousel.startAuto();});};jQuery(document).ready(function() {jQuery('#mycarousel').jcarousel({auto: 1,animation: 8000,wrap: 'last',initCallback: mycarousel_initCallback});});</script><ul id="mycarousel" class="jcarousel-skin-tango">$MYINF_1$</li></ul> Информер [ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 20 · Колонки: 1 ] Код <li id="panel_$ID$"> <a title="$TITLE$ | Комментариев: $COMMENTS_NUM$ | Смотрели: $READS$" href="$ENTRY_URL$"> <img src="$IMG_URL1$" alt="" border="0" class="slideitem" width="110"/> </a> </li> Скорость и автоматическую прокрутки меняем в этом коде: Код {jQuery('#mycarousel').jcarousel({auto: 1,animation: 8000,wrap: 'last',initCallback: mycarousel_initCallback}
|
||||||||||||||||||||||||||
Быстрый ответ СЛАЙДЕР С АВТОМАТИЧЕСКОЙ ПРОКРУТКОЙ |