# Carousel (旋转木马)
# slidesPerView
- 类型:
number or auto
- 默认值:1
设置slider容器能够同时显示的slides数量(carousel模式)。
可以设置为数字(可为小数,小数不可loop),或者 'auto'则自动根据slides的宽度来设定数量。
loop模式下如果设置为'auto'还需要设置另外一个参数loopedSlides。
options:{
slidesPerView : 2,
}
# centeredSlides
- 类型:
boolean
- 默认值:false
设定为true时,active slide会居中,而不是默认状态下的居左。
options:{
slidesPerView : 3,
centeredSlides : true,
}
# centeredSlidesBounds
- 类型:
boolean
- 默认值:false
当设置了Active Slide居中后,还可以配合设置此参数,使得第一个和最后一个Slide 始终贴合边缘。
options:{
slidesPerView : 3,
centeredSlides : true,
centeredSlidesBounds: true,
}
# slidesPerGroup
- 类型:
number
- 默认值:1
在carousel mode下定义slides的数量多少为一组。
options:{
slidesPerView : 3,
slidesPerGroup : 3,
}
# spaceBetween
- 类型:
number
- 默认值:0
在slide之间设置距离(单位px)。
options:{
slidesPerView : 3,
spaceBetween : 20,
}
# slidesOffsetBefore
- 类型:
number
- 默认值:0
设定slide与左边框的预设偏移量(单位px)。
options:{
slidesOffsetBefore : 100,
}
# slidesOffsetAfter
- 类型:
number
- 默认值:0
设定slide与右边框的预设偏移量(单位px)。
options:{
slidesOffsetAfter : 100,
}
# centerInsufficientSlides
- 类型:
boolean
- 默认值:false
如果开启这个参数,当slides的总数小于slidesPerView时,slides居中。 不适用于loop模式。
options:{
slidesPerView: 3,
centerInsufficientSlides: true,
}