javascript - 使用 animate() 在 javascript 中使用上一个/下一个按钮滑动图像

Question

我有 4 个带 Prev 和 Next 按钮的横幅幻灯片。它适用于 Prev 按钮但不适用于 Next 按钮。我的问题是一旦我按下 Next 按钮，图像移动不正确。

这就是我需要的结果=>当点击下一步按钮时，右边的下一张图片从右向左滑动。现在它滑动但有时有些图片会滑回右边。

请帮忙，谢谢

<http://jsfiddle.net/pktono/sr5nv6k9>

Answer 1

因此，有几个问题需要解决:

1- 动画时间覆盖了 css 命令。要解决此问题，您应该使用 setTimeout 函数，您的后续代码应位于其中。

2- 当您向右导航时，您将前一个横幅 left 属性设置为 -650px。如果此时您决定向左导航，则您的 left 属性错误，这会破坏规则。当您导航到左侧并想切换到右侧时，可能会发生同样的事情。要解决此问题，您应该在设置动画之前将当前横幅的 left 属性更改为正确的值。

查看工作示例 here