Javascript 使用“上一页”和“下一页”按钮制作自己的滑动图像库

我正在制作一个滑动图像库，其中有3页，每页3个图像。所有图像都放在

容器中。单击“下一步”按钮时，接下来的3个图像将滑入视图；单击“上一步”按钮时，前面的3个图像将滑入视图。我已经尝试过这样做，当你看到最后三张图片时，点击“下一步”按钮不做任何事情，当你看到前三张图片时，点击“上一页”按钮不做任何事情

问题是图像没有滑动到它们应该滑动的地方。例如，如果我在第一页，按“下一页”，然后按“上一页”，最后再按“下一页”，图像容器将滑动到最后一页，而不是第二页；如果我第三次单击“下一步”，图像容器将滑出所有图像，这样您只能看到容器的空白

以下是JSFIDLE：

---

您需要计算

prev

和

next

函数外的移动距离，因为这两个函数的值必须相同。此外，您还应该向

next

函数添加一个控件，就像您在

prev

函数中所做的那样，因此如果没有剩余页面，该函数应该停止

---

我用数字更改了第一张和第九张图片，以便更容易看到发生了什么。您可以在这里看到结果：

您可以在问题中发布代码吗？垃圾桶来来往往，但应该永远如此：）