原生JS实现无缝轮播图。

效果图展示

 中心思想：

        1.布局一定要清楚，无缝轮播就是多放一张，第一张图到最后，以便点击最后一张的时候不会跳转过去，而是无缝的顺过去。

        2.主要思路可以通过，1.绝对定位里面的left，2.translate的“移动”中的 transform 位移位置来进行了轮播运动。

        3.然后要通过index下标的数值来控制小圆点来改变对应的图片。

        4.一定加入动画效果，展示出动画过渡的感觉。

代码片段（HTML）：

    <div class="box">
      <div class="picture">
        <img src="./1.img/1.png" alt="" />
        <img src="./1.img/2.png" alt="" />
        <img src="./1.img/3.png" alt="" />
        <img src="./1.img/4.png" alt="" />
        <img src="