CSS+HTML+JS实现轮播图

要点

1、 原理：利用添加active类，谁的z-index大谁就在最上层。

• 注意：要使按钮浮在图片上，需要在按钮css上也加上z-index，并要比图片的z-index大一级
  

2、淡入淡出效果
在上文中的active类中添加属性 opacity，并设置平时透明度为0，添加transition,如图


3、设置置于小圆点上时显示小手指


4、 点击小圆点换图片
添加 data-index

4、自动转换页面

用 setInterval 这里注意要将id换成全局变量
之前是这样的

因为没有创建函数，所以没办法恢复自动轮播。

记录下自己做轮播图时遇到的问题，但最好不要用计时器来写轮播图，会单独开一个线程，最好还是利用css3属性写。

源码会另建一个博客来存