|
1金钱
我第一次用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>
|
|