基于swiper.js制作的一款带缩略图画廊图片切换特效,点击缩略图或鼠标拖动大图进行切换。
js代码
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">
var thumbsSwiper = new Swiper('#thumbs', {
spaceBetween: 10,
slidesPerView: 5,
watchSlidesVisibility: true, //防止不可点击
})
var gallerySwiper = new Swiper('#gallery', {
effect : 'coverflow',
spaceBetween: 10, //缩略图间距
slidesPerView: 3,
centeredSlides: true,
initialSlide :2,
loop: true,
autoplay: true,
thumbs: {
swiper: thumbsSwiper,
}
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791