misachan 发表于 2017-11-6 10:35:39

请教,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:25

此插件暂不支持loop,因为需要兼容各个Swiper的版本,而各个Swiper版本的loop不同

misachan 发表于 2017-11-6 14:44:14

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

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

Num_2 发表于 2018-6-29 09:20:40

假如要实现到页面时播放自己设定的css动画,
①可以在slideChange: function(){}里面判断realIndex值,然后增加动画的class,假如不是本页面,则去除class达到重置效果。
②当然还有另外一种方法,也是官方推荐的方法,在swiper-animate-effect里面写上动画名,按照官方的写法,也可以达到效果。
页: [1]
查看完整版本: 请教,swiper4动画问题