swiper animate做的动画在安卓上有卡顿

qq_27882935 2016-02-17 11:27:05

楼主没玩过前端，刚使用swiper不久，就是用它来做一些微信上的产品宣传。最近用swiper做了个项目，30几个slide，每个slide里面平均有四个动画，都是用swiper animate做的，总共有100多张图片，项目总大小5M多，但问题是，这个项目在PC端跑着不卡，在IOS上运行也还可以，只是在android手机上跑动画会卡得飞起（尤其是一个slide里有多个页面），请问是什么原因？如何解决？（注：项目最后是要跑在一个app上的，app会事先把它下载到本地，所以，应该和网络请求关系不大）
附其中一个slide的内容
<div class="swiper-slide">
<img full src="../resource/images/10022.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10023.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.4s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10024.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10025.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10026.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10027.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10028.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10029.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s" style="position:absolute; left:0%;"></img>
<img id="arrow" src="../resource/images/icon_up.png" alt="" class="swiper-button-next arrow-up pt-page-moveIconUp">

</div>
谢谢！！

...全文