问答详情
源自:3-2 自动播放幻灯片

delay时间如果是每张图片不一样,要实现自动播放,应该怎么修改这个js?

如题:

delay时间如果是每张图片不一样,要实现自动播放,应该怎么修改这个js?

html修改代码如下,js获取每张图片的data-delay的值,

然后设置现有js中autoPlay:function(){ ...,this.setting.delay);} 的this.setting.delay。

问题是,怎能实现没播放一张图片后更改this.setting.delay的值,从而实现不同delay时间的自动播放。

<ul class="poster-list">
          <li class="poster-item" data-delay="1000"><a href="#"><img src="/static/images/cs/1.jpg" width="100%" height="100%"></a></li>
            <li class="poster-item" data-delay="2000"><a href="#"><img src="/static/images/cs/2.jpg" width="100%" height="100%"></a></li>
            <li class="poster-item" data-delay="3000"><a href="#"><img src="/static/images/cs/3.jpg" width="100%" height="100%"></a></li>
            <li class="poster-item" data-delay="4000"><a href="#"><img src="/static/images/cs/4.jpg" width="100%" height="100%"></a></li>
            <li class="poster-item" data-delay="5000"><a href="#"><img src="/static/images/cs/5.jpg" width="100%" height="100%"></a></li>
        </ul>

提问者:Celine99 2015-06-07 10:39

个回答

  • 一只帅蚂蚁
    2015-06-07 16:12:04

    你们这是在讨论啥呢~我怎么看晕了呢!!

  • 伤心雨后
    2015-07-03 15:06:20

    只是看看

  • purple_yao
    2015-06-08 09:39:17

    这里好热闹啊。

  • Vecchio阿加西
    2015-06-07 13:03:07

    直接用Js,在每个Li上添加一个用于设置的Span,为这个Span设置一个点击事件,当点击的时候可以以列表或者文本框的形式出现一个设置框,当点击确认的时候添加一个事件把设置框中的值赋值给相应的data-delay。

  • Vecchio阿加西
    2015-06-07 10:52:37

    不知道具体说的什么,Math.random()取随机数×N放大可以么,还是就取出每张图设置一个delay参数逐次+M?