如题:
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>
你们这是在讨论啥呢~我怎么看晕了呢!!
只是看看
这里好热闹啊。
直接用Js,在每个Li上添加一个用于设置的Span,为这个Span设置一个点击事件,当点击的时候可以以列表或者文本框的形式出现一个设置框,当点击确认的时候添加一个事件把设置框中的值赋值给相应的data-delay。
不知道具体说的什么,Math.random()取随机数×N放大可以么,还是就取出每张图设置一个delay参数逐次+M?