基于swiper.js制作的图片画廊切换展示特效,带有缩略图的图片切换效果,可鼠标拖动图片切换。
js代码
<scripttype="text/javascript"src="js/swiper.min.js"></script>
<scripttype="text/javascript">
varthumbsSwiper=newSwiper('#thumbs',{
spaceBetween:10,
slidesPerView:5,
watchSlidesVisibility:true,//防止不可点击
})
vargallerySwiper=newSwiper('#gallery',{
effect:'coverflow',
spaceBetween:10,//缩略图间距
slidesPerView:3,
centeredSlides:true,
initialSlide:2,
loop:true,
autoplay:true,
thumbs:{
swiper:thumbsSwiper,
}
})
</script>
下载
|
|