在網頁上抖動動畫幻燈片背景

Question

我正在使用動畫背景的網頁。我使用MooTools來交叉淡入一系列體面大小（如1100px x 750px）的圖像。

我認爲，由於瀏覽器需要做很多渲染工作來淡入淡出這些圖像，所以當您將頁面全屏顯示時，交叉淡入淡出動畫會變得不連貫。

在尋找方法來克服這一點時，我已經計劃用我能召集的最有效率的JavaScript重寫幻燈片。

有沒有人有任何其他想法如何讓動畫背景在大型瀏覽器窗口大小下平穩運行？

Answer 1

交叉淡入淡出效果非常昂貴，並且您在該分辨率下每秒會獲得非常低的幀數。而不是交叉淡入淡出，我會嘗試向上/向下/向左/向右滑動或擦除效果。我是jQuery tools Scrollable plugin的忠實粉絲。

Answer 2

正如你所說，這可能是一個渲染問題，而不是真正的問題與您的JavaScript的速度，特別是因爲有全屏和非屏幕之間的性能差異。

我懷疑優化你的js會有什麼實際效果。