无法解决我的旋转木马错误的问题

Question

我使用Prototype.js构建了一个图像轮播 - 是的我知道它已经过时了，那里有一百万个jQuery轮播，但我们的平台有很多我们无法升级的原型Prototype代码。

旋转木马几乎可以工作，但有一个我无法弄清楚的错误。单击“下一步”按钮始终完美地滑动下一个图像，但单击“上一步”按钮仅在某些情况下有效。上一个图像总是在开始前添加，但动画中的滑动并不总是发生。

当按下Next时，第一张幻灯片使用margin-left偏移它的宽度，因此它滑出视图，然后将其附加到队列的末尾并将其margin-left重置为0。

按下“上一个”时，最后一张幻灯片将预先添加到队列的前面，然后使用它的宽度向左偏移，然后通过删除偏移量滑入到位。

Here's a fiddle非常感谢任何帮助

我认为问题在于，有时重置最后一个幻灯片margin-left为0的函数会在它被偏移之前调用，因此它只会出现在前面。

Answer 1

事实证明，修复此问题非常简单，我将幻灯片转换的时间从0.5秒更改为1秒，并且错误已经消失。仍然没有100％确定为什么，但我认为与下一张幻灯片相比，在动画上一张幻灯片时功能需要更长的时间，所以需要更多的时间来赶上自己以避免摔倒。