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

时间:2015-11-18 02:05:13

标签: javascript jquery html css

我有一个包含Prev和Next按钮的4个横幅的幻灯片。它可以使用Prev按钮而不是Next按钮。我的问题是按下Next按钮后,图像移动不正确。

这是我需要的结果。=>单击“下一步”按钮时,右侧的下一个图像从右向左滑动。现在它可以滑动,但有时一些图像会向右滑动。

请帮忙。谢谢你

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

1 个答案:

答案 0 :(得分:0)

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

1-动画时间覆盖了css命令。要解决此问题,您应该使用setTimeout函数,其中您的后果代码应驻留在其中。

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

请参阅工作示例here