|
用canvas 动画,swiper正常轮播的时候不执行,反向就可以ca1()
ca2()
是 canvas
counTo也能正常运行
var mySwiper = new Swiper('.swiper-container-i4', {
loop: true,
on: {
slideChangeTransitionEnd: function () {
if (this.realIndex == 0) {
ca1()
ca2()
$(".swiper-slide-i4-1 .b-list li span").countTo({
lastSymbol: " ", //显示在最后的字符
from: 0, // 开始时的数字
speed: 2000, // 总时间
refreshInterval: 100, // 刷新一次的时间
beforeSize: 0, //小数点前最小显示位数,不足的话用0代替
decimals: 0, // 小数点后的位数,小数做四舍五入
onUpdate: function () { }, // 更新时回调函数
onComplete: function () {
for (i in arguments) {
//console.log(arguments);
}
}
});
}
if (this.realIndex == 1) {
$(".swiper-slide-i4-2 .list1 li span").countTo({
lastSymbol: " ", //显示在最后的字符
from: 0, // 开始时的数字
speed: 2000, // 总时间
refreshInterval: 100, // 刷新一次的时间
beforeSize: 0, //小数点前最小显示位数,不足的话用0代替
decimals: 0, // 小数点后的位数,小数做四舍五入
onUpdate: function () { }, // 更新时回调函数
onComplete: function () {
for (i in arguments) {
//console.log(arguments);
}
}
});
}
},
},
effect: 'fade',
navigation: {
nextEl: '.swiper-button-next-i4',
prevEl: '.swiper-button-prev-i4',
},
observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: true, //修改swiper的父元素时,自动初始化swiper
});
|
|