无缝轮播，旋转木马案例

一、无缝轮播

点击最后一张与第一张图无缝连接：

1.做成5张li，最后一张 与第一张图一样；

如果下标是3，往右滑动，下标变为4；

如果下标是4，往右滑动，下标瞬间切换到0，再进行index++；

如果下标是0，往左滑动  ，下标瞬间切换到4，再进行index--；

步骤1：

1.初始化， 克隆图1的节点，并修改oul长度

2.关系判断

3.处理回调函数

 4. 处理小圆点

 只显示4个

 因为第五个li不存在，需要进行修改。

 或者下面这样写

5.处理自动播放

将next的代码换到循环定时器下面

 二、旋转木马案例

通过透视实现，核心思路是位置互换， 

1.定点

用绝对定位，先根据案例图片大小设置好图片大小，再上下键修改left和top值

2.将图片定位信息存在json数据中

3.修改css json数据，添加单位 

 4.获取节点，设置css 

5.修改animate函数 

6.设置按钮对应的函数

 

 三.总结

旋转木马修改的是位置数组的排列顺序。