使用animate（）在javascript中使用上一個/下一個按鈕滑動圖像

Question

我有一個帶有上一頁和下一頁按鈕的4條橫幅的幻燈片顯示。 它可以與“上一個”按鈕一起使用，但不能與“下一個”按鈕一起使用。我的問題是一旦按下“下一個”按鈕，圖像將無法正確移動。

這是我需要的結果。=>單擊下一步按鈕時，右側的下一個圖像從右向左滑動。現在它滑動了，但有時某些圖像向右滑動。

請幫忙。謝謝

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

Answer 1

因此，有幾個問題需要解決：

1-動畫時間覆蓋了css命令。 要解決此問題，您應使用setTimeout函數，將后果代碼放在其中。

2-當導航到右側時，將上一個橫幅left屬性設置為-650px。 如果您決定此時導航到左側，則可能是left屬性錯誤，從而破壞了規則。 當您導航到左側並想切換到右側時，可能會發生同樣的事情。 要解決此問題，您應在將其顯示動畫之前將當前標題的left屬性更改為right值。

在這里查看工作示例