Колбэк для карусели
Здравствуйте. Помогите пожалуйста разобраться с колбеком для jCarouselLite.
Сама карусель работает, но я не знаю как написать функцию, которая переключает активный пункт (убирает a, добавляет спаны и нужный класс у активной ссылки). Буду признателен за помощь. Спасибо. <script type="text/javascript"> $(function(){ $(".big-carousel").jCarouselLite({ btnPrev: ".main-left-arrow", btnNext: ".main-right-arrow", visible: 1, auto: 3000, speed: 350, btnGo: [".1", ".2", ".3", ".4", ".5", ".6"], afterEnd: function(a) { /* здесь код, переключающий ховеры */} }); }); </script> <div class="big-carousel"> <ul> <li><img src="big-slider.jpg" alt="" /></li> <li><img src="big-slider1.jpg" alt="" /></li> <li><img src="big-slider.jpg" alt="" /></li> <li><img src="big-slider1.jpg" alt="" /></li> <li><img src="big-slider.jpg" alt="" /></li> <li><img src="big-slider1.jpg" alt="" /></li> </ul> </div> <div class="arrs"> <div class="main-left-arrow"></div> <div class="main-right-arrow"></div> </div> <div class="sales"> <div class="sale-item 1"><a href="#">Суперцена</a></div> <div class="sale-item 2"><a href="#">Кредит<br />0-0-24</a></div> <div class="sale-item 3 active"><span class="acct">Распродажа</span><span class="triangle"></span></div> <div class="sale-item 4"><a href="#">Скидки</a></div> <div class="sale-item 5"><a href="#">Ура</a></div> <div class="sale-item 6"><a href="#">Chorobook</a></div> </div> |
Юрий Шу,
где jCarouselLite находится и какую версию вы используите? |
Цитата:
Использую последнюю версию. Демо-пример с колбеком |
Юрий Шу,
надо делать привязку либо через номер картинки src или корректировать плагин на предмет атрибута data |
Юрий Шу,
<img src="image/1.jpg" alt="" width="150" height="118" data-indx="0"> тогда есть способ привязки |
Часовой пояс GMT +3, время: 20:30. |