slideThumbActiveClass
设置缩略图Swiper的活动块的附加类名。
banner Swiper切换时，缩略图Swiper的原活动块类名swiper-slide-active不会切换，而缩略图Swiper的附加类名swiper-slide-thumb-active会切换。
banner Swiper切换时，缩略图Swiper的原活动块类名swiper-slide-active不会切换，而缩略图Swiper的附加类名swiper-slide-thumb-active会切换。
slideThumbActiveClass信息
- 类型：
- string
- 默认：
- swiper-slide-thumb-active
- 举例：
- my-slide-thumb-active
- 启用版本：
- 4.4.0
效果演示
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
...
thumbs: {
swiper: {
el: '.swiper-thumbs',
slidesPerView: 5,
...
},
slideThumbActiveClass: 'my-slide-thumb-active',
}
});
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/thumbs/2018/0916/433.html