Swiper中文论坛

标题: 请教，swiper4动画问题 [打印本页]

作者: misachan 时间: 2017-11-6 10:35
标题: 请教，swiper4动画问题
//Swiper4.x
  var mySwiper = new Swiper ('.swiper-container', {
on:{
   init: function(){
      swiperAnimateCache(this); //隐藏动画元素
      swiperAnimate(this); //初始化完成开始动画
   },
   slideChange: function(){
      swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
   }
}
  })

已加了这些各种，动画是可以的，问题是，如何循环？
返回时重动画没了，就停在那了。
er~

作者: admin 时间: 2017-11-6 14:20
此插件暂不支持loop，因为需要兼容各个Swiper的版本，而各个Swiper版本的loop不同

作者: misachan 时间: 2017-11-6 14:44

admin 发表于 2017-11-6 14:20
此插件暂不支持loop，因为需要兼容各个Swiper的版本，而各个Swiper版本的loop不同 ...

我好像没有用到loop~啊，用最普通的～

作者: Num_2 时间: 2018-6-29 09:20
假如要实现到页面时播放自己设定的css动画，
①可以在slideChange: function(){}里面判断realIndex值，然后增加动画的class，假如不是本页面，则去除class达到重置效果。
②当然还有另外一种方法，也是官方推荐的方法，在swiper-animate-effect里面写上动画名，按照官方的写法，也可以达到效果。

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