请教一下缩放播放的问题

查看数: 1977 | 评论数: 4 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2019-5-26 18:41

正文摘要:

回复

心做し 发表于 2019-5-29 20:56:37
获取滚轮事件呀
forget 发表于 2019-5-28 11:34:22
顶顶      
forget 发表于 2019-5-26 18:43:01
  1. certifySwiper = new Swiper('#certify .swiper-container', {
  2.             watchSlidesProgress: true,
  3.             slidesPerView: 'auto',
  4.             centeredSlides: true,
  5.             loop: true,
  6.             loopedSlides: 7,
  7.             // autoplay: 3000,
  8.             autoplayDisableOnInteraction: false,
  9.             onProgress: function (swiper, progress) {
  10.                 for (i = 0; i < swiper.slides.length; i++) {
  11.                     var slide = swiper.slides.eq(i);
  12.                     var slideProgress = swiper.slides[i].progress;
  13.                     modify = 1;
  14.                     if (Math.abs(slideProgress) > 1) {
  15.                         modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
  16.                     }
  17.                     translate = slideProgress * modify * 200 + 'px';
  18.                     scale = 1 - Math.abs(slideProgress) / 5;
  19.                     zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
  20.                     slide.transform('translateX(' + translate + ') scale(' + scale + ')');
  21.                     slide.css('zIndex', zIndex);
  22.                     slide.css('opacity', 1);
  23.                     if (Math.abs(slideProgress) > 4) {
  24.                         slide.css('opacity', 0);
  25.                     }
  26.                 }
  27.             },
  28.             onSetTransition: function (swiper, transition) {
  29.                 for (var i = 0; i < swiper.slides.length; i++) {
  30.                     var slide = swiper.slides.eq(i)
  31.                     slide.transition(transition);
  32.                 }

  33.             }
  34.         });
复制代码
forget 发表于 2019-5-26 18:42:19
如图,在循环到最后一张图片时,之后的东西会全部不显示,请问我应该修改哪里呢?是根据资源里的一个DEMO改的,谢谢

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2025-5-19 13:48 , Processed in 0.088327 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表