图片轮播是怎么做的呢?
素材:你要轮流播放的图片1,图片2,图片3,。。。
代码:
要怎么实现图片轮播呢?
图片是怎么放到网上的呢?
使用<img>标签
这个标签里面可以放1张图片,
在一个时间间隔之后,
改变为另外一张图片。
怎么更改<img>标签内容呢?
怎么停留一段时间间隔呢?
setInterval(ChangeImg,2000);
使用这个函数,可以每隔2秒就调用ChangeImg函数,实现停留一段间隔。
怎么更改图片内容呢?
如果图片刚开始播放图片1
怎么换到图片2,图片3呢
首先,要获得所有的图片,所有的图片放入一个集合里面。
然后按下标顺序显示图片。
下标从0开始,先显示下标为0的图片,
隔了1段时间,再显示下标是1的图片,
依次实现轮播。
代码:
<
还有一个方法:
参考:
<!DOCTYPE html>
这份代码来自:
html + js 简单实现轮播图www.jianshu.com![6e05c34fdac74aa8764c610a863a7e48.png](https://i-blog.csdnimg.cn/blog_migrate/f9e10810af509553782e6305d047f3b4.jpeg)
读者可以比较2份代码,从中体会学习。