2016-11-25 4 views
0

SwiperSlider bricht mit Schleife: True und Daumen aktiviert.SwiperSlider, Galerie mit Daumen und Schleife aktiviert Pausen SwiperSlider komplett

mein Code ist dies:

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; 

ein funktionierendes Beispiel für das Problem ist hier: http://jsfiddle.net/00gz8gLd/12/

Ich habe nicht erwartet, das Ergebnis mit Schleife: true, wenn ich es auf false gesetzt, die Slider funktioniert großartig.

Hat jemand eine Lösung dafür?

Antwort

0

fand ich die Lösung:

für Galerie-top:

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

für Galerie-Daumen:

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