swiper常用复杂功能手册

1、小图点击切换大图

onTap: function() {    
		viewSwiper.slideTo(previewSwiper.clickedIndex)    
	}

2、判断最后一个

if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {    
		viewSwiper.slideTo(0, 1000);    
		return    
}    
viewSwiper.slideNext()

3、修改pag

paginationBulletRender: function (swiper, index, className) {    
var year = document.querySelectorAll('.swiper-slide')[index].getAttribute('data-year');    
return '<span class="' + className + '">' + year + '</span>';    
},

4、反弹运动 warpper增加css

transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;


相关内容

发表评论

验证码:
点击我更换图片

最新评论