# 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,
}