使用swiper.animate插件制作仿华为云网站图标分类热门推荐和banner里面多个元素图片动画轮播切换效果。适用于网站顶部banner大图切换布局html代码。下载后直接引入文件即可使用。
方法调用
var mySwiper = new Swiper('.swiper-container', {
pagination: '.pagination',
paginationClickable: true,
autoplay: 5000,
speed: 1,
loop:true,
onInit: function(swiper) {
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
},
onSlideChangeEnd: function(swiper) {
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
}
})