实现这个轮播图，有一个最关键的难点！这里我分析如何解决这个关键点的原理，其他的坑和注意的点以及容易混乱的细节，我都已经在代码中加上了详细的注释。在明白这个“如何解决这个难点”之后，可直接去结合注释分析代码。

假设，我们轮播显示的只有4张图，这4张图从右向左滑动。滑动一张图后，停留一会，再滑动下面一张。

那么问题是：当前已经显示的是第4张图，如何从第4张图【滑】回到第1张图（看起来好像无缝衔接）？注意，这里是【滑】回，而不是闪现回到第1张的位置。如果是闪现回到第1张的位置，直接通过设置ul的marginLeft即可实现。

我们可以将第1张图复制一份放到最后（就是说第5张图是第1张图的副本）。假设当前正在显示第4张图，然后第4张图滑动到第5张图。此时第4张图【滑】回到第1张图的动画我们已经看到了，虽然是第1张图的副本，但是视觉上就像是是：第4张图【滑】回到第1张图。此时显示的是第5张图（第1张的副本），此时来个【偷梁换柱】，通过设置ul的marginLeft闪回到真正的第1张的位置。由于副本和第1张一模一样，所以这个【闪回】在视觉上是感受不到的。

如何从第1张【滑】回到第4张呢？

在上面分析了：如何从第4张滑回到第1张，那么“如何从第1张【滑】回到第4张”的道理也是一样的。

假设当前显示的就是第1张，我点击了左端的 “