Тема: jCarouselLite
Показать сообщение отдельно
  #3 (permalink)  
Старый 04.01.2014, 23:56
Интересующийся
Отправить личное сообщение для Nesquik Посмотреть профиль Найти все сообщения от Nesquik
 
Регистрация: 04.01.2014
Сообщений: 29

var cnt = $('.main_slider ul li').length;
	if (cnt) {
		for (var i = 1; i <= cnt; i++) {
			$('.slider_pic ol').append('<li><img class="slider_pic_'+ i + '" alt="'+ i + '" src="./images/slider_pic'+ (i == 1 ? '_act' : '' ) +'.png" /></li>');
		}
	
		$('.main_slider').jCarouselLite({
			btnNext: '.main_slider .rt_arrow',
			btnPrev: '.main_slider .lft_arrow',
			btnGo: ['.slider_pic_1', '.slider_pic_2', '.slider_pic_3', '.slider_pic_4', '.slider_pic_5', '.slider_pic_6', '.slider_pic_7', '.slider_pic_8'],
			mouseWheel: true,
			visible: 1,
			speed: 1000,
			circular: true,
			afterEnd:
					function(li) {
						var i = li.index();
						if (i > cnt) i = 1;
						$('.slider_pic ol img').attr('src', './images/slider_pic.png').filter('*:eq('+(i-1)+')').attr('src', './images/slider_pic_act.png')
					}
			});
	}
Ответить с цитированием