实现轮播图的思路

图片轮播：

• 设定两个类 .active{opacity:1} .opacity{opacity:0}
• 将第一张图片添加class='active'
• 设定一个定时器，每隔一段时间拿到当前轮播图片的index
  将此index图片移除类名active，添加类名opacity
  将下一张图片添加类名active
• 轮播到最后一张图通过判断将index=0，跳转会第一张图

上/下一张切换按钮

• 绑定点击事件
• 拿到当前正在轮播图片的index
• 将本张图片移除类名active，添加类名opacity
  如果是上一张将index-1的图片添加类名active
  如果是下一张将index+1的图片添加类名active
• 第一张图片左切，设定index=最后一张图的index
• 最后一张图右切，设定index=第一张图的index

圆点轮播(圆点和图片对应)

• 设定两个类.red{background-color: red} .white{background-color: white}
• 将第一张图片添加class='red'
• 设定一个定时器，每隔一段时间拿到当前有颜色圆点的index