使用swiper.js进行CenteredSlides和循环

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