2015-11-12 29 views
0

我使用Prototype.js構建了一個圖像旋轉木馬 - 是的,我知道它已經過時,並且有一百萬個jQuery輪播,但是我們的平臺有很多原型代碼我們無法升級。無法解決旋轉木馬上的問題

傳送帶非常有效,但有一個錯誤,我找不出來。單擊下一步按鈕總是完美地滑動下一個圖像,但單擊「上一個」按鈕有時會起作用。之前的圖像總是被預先考慮到開始,但動畫中的滑動並不總是會發生。

當接着被按壓通過它使用margin-left所以它滑出的視圖,它然後附加到隊列的末尾的寬度,並具有它的保證金左復位爲0。

當上一頁第一滑動偏移被按下時,最後一張幻燈片被預置在隊列的前面,然後使用它的寬度向左偏移,然後通過消除偏移量滑入到位。

Here's a fiddle任何幫助將是非常讚賞

我認爲這個問題是,有時這重置最後一張幻燈片利潤率左爲0,它被抵消之前被稱爲功能,所以它只是出現在前面。

+0

對我來說它工作正常(在Safari上),實際上下一個似乎沒有包括完整的圖像,但prev確實如此。 –

+0

我在Chrome上進行測試,有趣的是,它不會在Safari上發生。下一張圖片較小,容器尺寸仍然相同 – Pixelomo

回答

1

事實證明,解決這個問題非常簡單,我將幻燈片切換的時間從0.5秒改爲1秒,並且錯誤消失了。仍然不是100%確定的原因,但我認爲,與以前的幻燈片相比,動畫製作上一張幻燈片需要更長的時間,因此需要多一點時間才能趕上自己以避免摔倒。