先不考虑自动轮播，先让上下按钮和点击小圆点切换图片实现。
因为之前定义了一个active类，要想哪个图片显示和对应的小圆点亮起来把这个类加到上面就行了。
把之前的图片的item1,2,3这些类去掉，用顺序选择器给图片添加样式。
接下来写js部分的代码，首先获取到需要的对象。
定义一个变index=0，因为数组的第一位是从0开始的，定义一个函数goIndex，这个就是要去第几张图片，
然后给图片数组里下标为index的图片添加active类，但是这样会出现一个问题，我们取下一张的时候之前的样式没有重置，所以还需要一个清除样式的函数clearActve，我们在调用goIndex时，先用clearActive把样式清除就好了，代码如下。
以上的事情完成了，接下来定义两个函数，分别是去上一张和去下一张的，在这里我们需要对函数进行判断。
上一张：goPrev，如果index是0的话，把数组的最后一位的下标赋值给它，否则，index自身减一。
下一张：goNext，如果index小于数组的最后一位的下标，自身加一，否则，就把0赋值给它。
然后把事件绑定到按钮上去，代码如下：
还需要实现一个功能，点击对应的小点切换图片。
我们用HTML5里面的一个自定义属性(data-)，自定义一个data-index存储小圆点的下标。我们定义一个pointIndex属性，用getAttribute获取到data-index的值；然后用for循环遍历小圆点的数组，当点击了哪个小点，就把pointIndex的值赋给index，这样就完成了点击小点切换图片德效果。
代码如下：
以上的事情完成了自动轮播就很简单了，定义一个定时器调用goNext函数就行了。
