mySwiper.thumbs.swiper
获取缩略图Swiper的实例。
mySwiper.thumbs.swiper信息
- 启用版本：
- 4.4.0
效果演示
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var gallerySwiper = new Swiper('#gallery',{
spaceBetween: 10,
thumbs: {
swiper: {
el: '#thumbs',
spaceBetween: 10,
slidesPerView: 4,
watchSlidesVisibility: true,
},
}
})
//设置缩略图Swiper的边框
gallerySwiper.thumbs.swiper.$el.css({'border':'1px solid #ff6600'})
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/thumbs/2018/0916/435.html