无缝轮播思路

  1. 图片列表的尾部,追加一张首图
    1. e.g. list = [1, 2, 3, 4, 5, 1]
  2. list 轮播到最后一张图 1 ,且点击下一张图时,得暂时取消动画,并立即把图片设置到第一张图 1 ,再启动动画,这样就能让用户无感的无缝切换了
  3. list 轮播到第一张图 1 ,且点击上一张图时,也得暂时取消动画,并立即把图片设置到最后一张图 1 ,再启动动画,这样的上一张,就能无缝顺滑的切到 5 这张图片了

代码

https://github.com/evestorm/learning-js/tree/master/ECMAScript/面向对象/carousel