Показать сообщение отдельно
  #1 (permalink)  
Старый 23.04.2014, 11:44
Аспирант
Отправить личное сообщение для Юрий Шу Посмотреть профиль Найти все сообщения от Юрий Шу
 
Регистрация: 27.05.2010
Сообщений: 42

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