如何实现无缝轮播

1. 设置容器overflow:hidden；

2. 设置每个轮播图的宽度为容器宽度，并用一个div包裹，这个div宽度是所有轮播图宽度总和；

3. 克隆首尾节点，并依次插入对方前面/后面；

4. 此时需要移动轮播图至第二个位置，因为第一个位置是我们后补的节点；

5. 启动interval timer，每次记录index，每次加1，并移动轮播图，每次移动一个容器宽度（使用css3 translate）；

6， 当到达后补节点后，瞬间移动到真实节点（这一瞬间前要先去掉transition动画），比如上图中，当index等于4（从0数），瞬间移动到1，因为4等于1（0|+1），0等于3（length-1+1）；

7, 移动后再开启transition动画；