Здравствуйте. Помогите пожалуйста разобраться с колбеком для 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>