我有一个包含Prev和Next按钮的4个横幅的幻灯片。它可以使用Prev按钮而不是Next按钮。我的问题是按下Next按钮后,图像移动不正确。
这是我需要的结果。=>单击“下一步”按钮时,右侧的下一个图像从右向左滑动。现在它可以滑动,但有时一些图像会向右滑动。
请帮忙。谢谢你
<http://jsfiddle.net/pktono/sr5nv6k9>
答案 0 :(得分:0)
因此,有几个问题需要解决:
1-动画时间覆盖了css
命令。要解决此问题,您应该使用setTimeout
函数,其中您的后果代码应驻留在其中。
2-导航到右侧时,将上一个横幅left
属性设置为-650px。如果您此时决定向左导航,则您的left
属性错误会破坏规则。当您向左导航并想要切换到右侧时,可能会发生同样的情况。要解决此问题,您应该在设置动画之前将当前横幅的left
属性更改为正确的值。
请参阅工作示例here