Swiper中文论坛
标题:
请教一下缩放播放的问题
[打印本页]
作者:
forget
时间:
2019-5-26 18:41
标题:
请教一下缩放播放的问题
QQ截图20190526184030.png
(422.54 KB, 下载次数: 174)
下载附件
保存到相册
2019-5-26 18:40 上传
作者:
forget
时间:
2019-5-26 18:42
如图,在循环到最后一张图片时,之后的东西会全部不显示,请问我应该修改哪里呢?是根据资源里的一个DEMO改的,谢谢
作者:
forget
时间:
2019-5-26 18:43
certifySwiper = new Swiper('#certify .swiper-container', {
watchSlidesProgress: true,
slidesPerView: 'auto',
centeredSlides: true,
loop: true,
loopedSlides: 7,
// autoplay: 3000,
autoplayDisableOnInteraction: false,
onProgress: function (swiper, progress) {
for (i = 0; i < swiper.slides.length; i++) {
var slide = swiper.slides.eq(i);
var slideProgress = swiper.slides[i].progress;
modify = 1;
if (Math.abs(slideProgress) > 1) {
modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
}
translate = slideProgress * modify * 200 + 'px';
scale = 1 - Math.abs(slideProgress) / 5;
zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
slide.transform('translateX(' + translate + ') scale(' + scale + ')');
slide.css('zIndex', zIndex);
slide.css('opacity', 1);
if (Math.abs(slideProgress) > 4) {
slide.css('opacity', 0);
}
}
},
onSetTransition: function (swiper, transition) {
for (var i = 0; i < swiper.slides.length; i++) {
var slide = swiper.slides.eq(i)
slide.transition(transition);
}
}
});
复制代码
作者:
forget
时间:
2019-5-28 11:34
顶顶
作者:
心做し
时间:
2019-5-29 20:56
获取滚轮事件呀
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2