swiper循环播放时首屏动画不播放的解决方法

jnletao

最近刚接触swiper，确实好用。正好用到  循环播放+页内动画效果，结果遇到其他同学发贴遇到的问题，分析了一下代码，下面给出解决方案。

1. //幻灯动画  
   
2. var mySwiper = new Swiper ('#swiper-container01', {
   
3.     pagination: '#swiper-container01 > .pagination',
   
4.     paginationClickable :true,
   
5.     autoplay : 10000,
   
6.     speed:1,
   
7.     loop:true,
   
8.     //autoplayDisableOnInteraction : false,   
   
9.     //onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
   
10. onSwiperCreated: function(swiper){ //这是重点， 不能用onInit,要用这个
    
11.         swiperAnimateCache(swiper); //隐藏动画元素
    
12.         swiperAnimate(swiper); //初始化完成开始动画
    
13.     },
    
14.     onSlideChangeEnd: function(swiper){
    
15.     swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
    
16.     }
    
17. })

复制代码

xyg

感谢楼主的分享，我也遇到同样的问题，看到您的帖子问题已解决，谢谢！