基于css3transform属性实现无缝手动轮播

Question

点击“前后”按钮改变transform的值实现轮播效果，难点在于如何在从1到3的过程中有动画，这个动画结束后立马完成A到C状态切换，也就是transform从0到-3000px的切换，这个过程没有动画。

Answer 1

简易轮播图

这是我写的一个轮播图DEMO，用的是JQuery。
结构其实和你画的这张图是一样的，可以参考一下。