idangero.us swiper控件

我正在使用iDangero.us Swiper插件，我需要一個同步多個swiper實例的解決方案。idangero.us swiper控件

請檢查碼

<div class="swiper-container swipe1">  
    <div class="swiper-wrapper">   
     <div class="swiper-slide">Slide 1</div> 
     <div class="swiper-slide">Slide 2</div>   
    </div> 
</div> 

<div class="swiper-container swipe2">  
    <div class="swiper-wrapper">   
     <div class="swiper-slide">Slide 1</div> 
     <div class="swiper-slide">Slide 2</div>   
    </div> 
</div> 

<div class="swiper-container swipe3">  
    <div class="swiper-wrapper">   
     <div class="swiper-slide">Slide 1</div> 
     <div class="swiper-slide">Slide 2</div>   
    </div> 
</div>

下面如果我輕掃刷卡中的任何一個，剩餘2個刷卡實例也需要滑動。

我們如何才能做到這一點？

在此先感謝

來源

2015-12-14 Yesvinkumar

請添加一些你的嘗試來達到你想要的行爲。 –

通過使用slideTo API函數得到了它的工作。檢查以下代碼 var newSwiper = $('.swiper').swiper({ \t \t \t \t \t \t slidesPerView:'1', \t onSlideChangeStart: function(){ \t \t otherSwiper-1.slideTo(newSwiper.activeIndex, 500, false) \t \t otherSwiper-2.slideTo(newSwiper.activeIndex, 500, false) \t \t \t \t \t }, }); \t \t \t \t 謝謝大家.... – Yesvinkumar

您可以使用sw control控制來做到這一點。

swiperOne.params.control = swiperTwo; 
swiperTwo.params.control = swiperOne;

這樣，兩個Swipers都同步。

來源

2016-04-06 15:16:17

idangero.us swiper控件

回答

相關問題