思路：

1. 机理：使用CSS3过渡，不是JS动画
2. 比如 0 1 2 3 4 5，六张幻灯片，克隆第一张，当运行最后一张时，对结合transform的translateX进行处理
3. 用定时器实现，去除首尾张幻灯片切换时的过渡效果；
4. 同时还有注意防抖；
5. translateX的时候，为了适应不同屏幕大小的宽度，需要结合id，即第几张图片的索引；比如：“translateX(” + (-100 / 6) * idx + “%)”;，6即有六张图片，每张图片占16.66666666%的宽度，因此每次移动的长度设置为百分比；

问题：

1. 当浏览器最小化的时候，会发生什么？

• 幻灯片快速移动
• 怎么解决？
  • 监听窗口最小化，然后定时器清除；