Swiper中文论坛

标题: 关于切换效果：effect : 'cube',3张图旋转切换时问题 [打印本页]

作者: xiaodong 时间: 2017-3-9 15:25
标题: 关于切换效果：effect : 'cube',3张图旋转切换时问题
         我第一次用swiper3.0，觉得3d切换效果很酷炫，但是我在用effect : 'cube'效果时，发现一个问题，当图片是3张时，由第一张图滑到最后一张时，最后一张图会在中途变成第一张。其他时候都是好的。这是bug还是我使用的原因，我也不清楚，水平有限，还希望有大神解惑。

            <div class="swiper-container">
      <div class="swiper-wrapper">
         <div class="swiper-slide swiper-slide1"><img class="s_img" src="/Resources/Images/index/banner1.jpg"/></div>
         <div class="swiper-slide swiper-slide2"><img class="s_img" src="/Resources/Images/index/banner2.jpg"/></div>
         <div class="swiper-slide swiper-slide3"><img class="s_img" src="/Resources/Images/index/banner3.jpg"/></div>
      </div>
      
      <div class="swiper-pagination"></div>
</div>

         var swiper = new Swiper('.swiper-container', {//调用 autoplay:'4000',
pagination: '.swiper-pagination',//分页
effect : 'cube',
cube: {
   slideShadows: true,
   shadow: false,
   shadowOffset: 100,
   shadowScale: 0.6
},
paginationClickable: true,//此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
loop: true,//此参数设置为true时,无限循环切换。
});
</script>

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)