Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Колбэк для карусели (https://javascript.ru/forum/jquery/46768-kolbehk-dlya-karuseli.html)

Юрий Шу 23.04.2014 11:44

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

рони 23.04.2014 12:15

Юрий Шу,
где jCarouselLite находится и какую версию вы используите?

Юрий Шу 23.04.2014 12:20

Цитата:

Сообщение от рони (Сообщение 308926)
Юрий Шу,
где jCarouselLite находится и какую версию вы используите?

Оф.сайт плагина
Использую последнюю версию.

Демо-пример с колбеком

рони 23.04.2014 15:22

Юрий Шу,
надо делать привязку либо через номер картинки src или корректировать плагин на предмет атрибута data

рони 23.04.2014 15:25

Юрий Шу,
<img src="image/1.jpg" alt="" width="150" height="118" data-indx="0">
тогда есть способ привязки


Часовой пояс GMT +3, время: 20:30.