swiper - CenteredSlides 和 swiper.js 循环

Question

有没有办法同时拥有居中的幻灯片和无限循环，以及带有 swiper.js 的缩略图？我有以下设置，但是当我添加 loop true 时，它​​似乎不起作用。

var mySwiper = new Swiper('.swiper-container',{
paginationClickable: true,
centeredSlides: true,
initialSlide:1,
speed:1200,
centeredSlides: true,
slidesPerView: 'auto'

http://machinas.com/wip/hugoboss/fall2014/startpage/variable-width/

谢谢

Answer 1

centeredSlides 与循环模式并不真正兼容。尝试增加 loopedSlides 和 loopAdditionalSlides 参数。例如：

  centeredSlides: true
    loop: true
    loopAdditionalSlides: 100