iPhone不正確播放動畫精靈？

Question

我已經在Android上進行了測試，效果很好，但在iPhone上看起來非常滯後，我認爲這是一個圖像預加載錯誤，所以在簡單的jQuery預加載器中發射後，它似乎仍然存在問題。

的圖像是在25025px by 80px

巨大的麻杏我不知道你能看到我丟失的東西？

http://www.prosperitymedia.co.uk/test/

要查看問題查看該網站在您的iPhone/iTouch的。

作爲一個側面說明，我使用了一個名爲Spritely

Answer 1

所以這是一個棘手的情況來克服，但這裏是我們的確切工作。我們發現，由於精靈數量的原因，這不是與性能相關的問題，而是因爲同時加載和動畫圖像導致瀏覽器崩潰。

所以爲了避免這種情況發生，我們必須使用jQuery的插件來預載我們的圖片，而這顯然不能很好地工作。

最後，我們寫了一個自定義函數，將圖像寫入DOM，然後通過jQuery .css()函數將其附加到div。

雖然這個圖像加載發生，我們使用預加載（加載）屏幕通知用戶，有什麼事情發生。

我希望這可以幫助任何人在未來有類似的問題。

Answer 2

好的插件我在另一部手機進行測試

這不，興致無法顯示的動畫，是誰試圖緩存所有幀的iPhone ，逐幀逐幀顯示。

由於您擁有所有字母表和粗糙的數百幀，因此此過程太慢。

如果你在你的iPhone上測試http://www.spritely.net，你會看到鳥正在逐幀加載（這是3幀），最後所有的工作都正常，因爲Safari擁有所有幀。

我的猜測是你需要減少智能手機的幀數和動畫數量，因爲它們沒有那麼多的內存。