delay时间如果是每张图片不一样，要实现自动播放，应该怎么修改这个js？
来源：3-2 自动播放幻灯片
Celine99
2015-06-07 10:39
如题：
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>
写回答
关注
5回答
-
- 一只帅蚂蚁
- 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？
JS实现“旋转木马”幻灯片效果
JS组件封装，制作一个图片幻灯片切换效果，一起学习吧
66442 学习 · 147 问题
相似问题