2016-11-25 38 views
0

SwiperSlider中斷循環:啓用了真正的大拇指。SwiperSlider,帶有大拇指和循環的圖庫中斷SwiperSlider完成

我的代碼是這樣的:

var galleryTop = new Swiper('.gallery-top', { 
    spaceBetween: 15, 
    slidesPerView: 2, 
    centeredSlides: true, 
    loop: true 
}); 

var galleryThumbs = new Swiper('.gallery-thumbs', { 
    spaceBetween: 10, 
    centeredSlides: true, 
    slidesPerView: 'auto', 
    touchRatio: 0.2, 
    slideToClickedSlide: true, 
    loop: true 
}); 

galleryTop.params.control = galleryThumbs; 
galleryThumbs.params.control = galleryTop; 

問題的工作示例是在這裏:http://jsfiddle.net/00gz8gLd/12/

沒想到用循環的結果是:真的,當我把它設置爲false,滑塊效果很好。

有沒有人有解決方案?

回答

0

我找到了解決辦法:

的畫廊頂:

loopedSlides: $('.gallery-top .swiper-wrapper .swiper-slide').length 

的畫廊 - 拇指:

loopedSlides: $('.gallery-thumbs .swiper-wrapper .swiper-slide').length