查看: 1976|回复: 4
打印 上一主题 下一主题

请教一下缩放播放的问题

[复制链接]
  • TA的每日心情
    擦汗
    2019-5-26 17:35
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    27

    积分

    新手上路

    Rank: 1

    积分
    27
    跳转到指定楼层
    楼主
    发表于 2019-5-26 18:41:10 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    2019-5-26 17:35
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    27

    积分

    新手上路

    Rank: 1

    积分
    27
    沙发
     楼主| 发表于 2019-5-26 18:42:19 | 只看该作者
    如图,在循环到最后一张图片时,之后的东西会全部不显示,请问我应该修改哪里呢?是根据资源里的一个DEMO改的,谢谢
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2019-5-26 17:35
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    27

    积分

    新手上路

    Rank: 1

    积分
    27
    板凳
     楼主| 发表于 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.         });
    复制代码
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2019-5-26 17:35
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    10

    帖子

    27

    积分

    新手上路

    Rank: 1

    积分
    27
    地板
     楼主| 发表于 2019-5-28 11:34:22 | 只看该作者
    顶顶      
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    5#
    发表于 2019-5-29 20:56:37 | 只看该作者
    获取滚轮事件呀
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2025-5-19 12:52 , Processed in 0.067242 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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