以下代码都打完时,就会实现轮播功能
(1)图片自动轮播
(2)点击按钮时会切换图片
(3)点击小图片时,大图片也会相应的改变
此轮播图代码通俗易懂,如果图片不多则比较适合,对于整个轮播图片的宽度和高度可以随自己的需要而改变
1.htmls代码进行布局
<body onload="start()">
<div class="chart">
<img src="img/gg01.jpg" alt="" id="bg-img"/>
<div class="box-imgs">
<div class="box-img"><img src="img/gg01.jpg" alt="" class="img01"/></div>
<div class="box-img"><img src="img/gg02.jpg" alt="" class="img01"/></div>
<div class="box-img"><img src="img/gg03.jpg" alt="" class="img01"/></div>
<div class="box-img">&l