Chrome上的JS Sprite動畫

我在我的網站上做了一些精靈動畫（復活節彩蛋）。它在Mozilla上運行良好。但在Chrome瀏覽器不起作用。問題是我每次使用$（「img」）。attr（'src'，'new_path'）下載新圖像（而不是緩存）。我如何解決它？Chrome上的JS Sprite動畫

請在Mozilla上打開它，然後鍵入「holycow」，你會看到它是如何工作的。然後在Chrome上打開它。

2011-12-01 Gereltod

你要對這個錯誤的方式，先生。你需要製作一個精靈表，然後改變背景位置。否則，您至少會在一個瀏覽器中閃爍。如果你需要一個例子，我可以更新這個答案。

下面是該樣品中的動作：在鬱悶簡筆畫傢伙

懸停。您可以查看js源代碼和任何圖像資產，以查看我在這裏做了些什麼。

一個稍微複雜的版本在這裏： http://www.innercirclestyles.com/

2011-12-01 01:27:40

你是指從一個動作的所有圖像都必須包含在一個圖像？ – Gereltod

本質上。這不是一項要求，但它對性能肯定更好。您創建一個圖像，其中包含動畫的所有幀，理想情況下以相等間距排列，並將該圖像設置爲元素的背景。那麼不是更新img src，而是更新包含元素的背景位置。 –

我幾乎可以理解你的建議。這就是爲什麼我使用preloader。如果你看到/js/liukang.js文件的底部，有函數創建圖像。我認爲Chrome會使用這些圖片。 – Gereltod

回答