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控件

回答

相关问题