loopAdditionalSlides
loop 模式下会在slides 前后复制若干个slide ,前后复制的个数不会大于原来的总个数。
默认为0,前后各复制1个。0,1,2 --> 2,0,1,2,0
例:取值为1,0,1,2 --> 1,2,0,1,2,0,1
例:取值为2,0,1,2 --> 0,1,2,0,1,2,0,1,2
以此类推
默认为0,前后各复制1个。0,1,2 --> 2,0,1,2,0
例:取值为1,0,1,2 --> 1,2,0,1,2,0,1
例:取值为2,0,1,2 --> 0,1,2,0,1,2,0,1,2
以此类推
loopAdditionalSlides信息
- 类型:
- number
- 默认:
- 0
- 举例:
- 1
- 启用版本:
- 4.0.0
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper', {
loop: true,
loopAdditionalSlides: 3,
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/loop/23.html