重复轮播如何使用JavaScript？

Question

我在

上看到了一些旋转木马

http://kenwheeler.github.io/slick/

我想知道他们如何重复幻灯片，就像有5张幻灯片，当我在第5张幻灯片上按下一个按钮时，它向右滑动到1而没有跳回到左边1 / p>

我想知道如何编码

请不要jquery，JavaScript将不胜感激。

如果有人知道请帮帮我

Answer 1

当他们到达目的地时，他们正在移动页面：

在最后一页，按下一步：

1. 首先，他们将第一页移动到最后一页之后 - 只是在右边的视口之外。
2. 然后他们向右滑动。
3. 最后修复所有页面的位置（它们将第一页移回到开头并移动视口以立即显示它，没有动画）。

对于第一页，按BACK：

相反的想法 - 移动最后一页首先出现在第一页之前，向后滑动，修复页面和视口而不用动画。