loop
设置为
复制的slide 上有一些额外的类名代表他是生成的。
loop 模式如果与
loop 模式不应该和
loop 模式在与free 模式同用时会产生抖动,因为free 模式下没有跳转到复制的slide 的时间点。
true
则开启循环(loop)模式。loop模式:会在原本slide 前后复制若干个slide (默认一个)并在合适的时候切换,让Swiper看起来像是循环的。 复制的slide 上有一些额外的类名代表他是生成的。
loop 模式如果与
slidesPerView: 'auto'
一起使用,需要设置 loopedSlides
指定要循环(重复)的幻灯片数量。loop 模式不应该和
rewind
模式一起使用。loop 模式在与free 模式同用时会产生抖动,因为free 模式下没有跳转到复制的slide 的时间点。
loop信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 4.0.0
效果演示
从slide1 直接滑进slide3
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
loop: true,
})
/*如果只有一个slide就销毁swiper
if(mySwiper.slides.length<=3){
mySwiper.destroy();
}*/
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/loop/22.html