无限旋转木马滑块

Question

我想用5张图片（每张幻灯片3张图片）实现简单的轮播。

无限实现的最佳方法是什么。

例如，当我加载页面时，页面显示：图像1，图像2，图像3

在下一张幻灯片上，显示2-3-4，然后显示3-4-5、4-5-1、5-1-2，依此类推。

我不希望代码只是一个建议。

一种方法是在第一个元素之后附加第一个元素，然后在第二个元素之后附加第二个元素，依此类推。

另一种方法是使用过渡-translateX而不附加或添加元素。

有没有更容易或更优雅的方法来实现它，哪种方法是更好的方法？

谢谢。

Answer 1

如果您只是在寻找建议，请弹出并推送显示的图像数组 当转盘滑动时，弹出阵列，然后将图像推入阵列

Answer 2

模运算？例如。循环永远从0开始计数（我们将计算幻灯片0到4，而不是1到5）。

每个幻灯片均为索引mod 5。第一次，显然是0,1,2,3,4。

第二张幻灯片是1,2,3,4,5，除了5 mod 5是0，所以它是1,2,3,4,0。

等等。

第六张幻灯片是6,7,8,9,10，除了mod 5的值再次是1,2,3,4,0。