Главная > Javascript > FlexSlider 2 — при клике на последний видимый слайд прокручивать вправо

FlexSlider 2 — при клике на последний видимый слайд прокручивать вправо

Задача: FlexSlider 2 — при клике на крайний видимый (правый) слайд прокручивать слайдер дальше вправо, как будто нажали стрелку «next», чтобы было понятно, что там есть ещё элементы.

var thumbWidth=function(){
	return(window.innerWidth<480)?80:190;
}
var thumbMargin=function(){
	return(window.innerWidth<480)?10:20;
}
$('#detail_gallery_thumbs').flexslider({
	animation:"slide",
	controlNav:false,
	animationLoop:false,
	slideshow:false,
	itemWidth:thumbWidth(),
	itemMargin:thumbMargin(),
	asNavFor:'#detail_gallery_photos'
});
var slider=$('#detail_gallery_thumbs');
slider.on('click','.slides > li',function(){
	var flex=slider.data('flexslider');
	var index=$(this).index();
	var visibleCount=flex.visible;
	var lastVisibleIndex=flex.currentSlide+visibleCount-1;
	if(index===lastVisibleIndex&&flex.currentSlide+visibleCount<flex.count){
		flex.flexAnimate(flex.currentSlide+1);
	}
});
$('#detail_gallery_photos').flexslider({
	animation:"slide",
	controlNav:false,
	animationLoop:false,
	slideshow:false,
	sync:"#detail_gallery_thumbs"
});
Categories: Javascript Tags:
  1. Пока что нет комментариев.
Похожие публикации