如何檢查圖像是否正在預加載？

Question

我想用JavaScript預先加載圖像，下面的方法看起來似乎很簡單，但是如何檢查圖像是否已預加載？謝謝 Preloading images with jQuery

Answer 1

我會建議修改代碼添加'onerror'事件處理程序到您正在生成的img標籤。然後處理任何失敗。

http://www.w3schools.com/jsref/event_onerror.asp

Answer 2

讓你的形象的 「的onload」 事件日誌條目。

myImage.onload = function(){ 

    console.log("Image Loaded!"); 

} 

如果你不熟悉chrome的開發工具或firefox的Firebug插件，你應該檢查它們。他們使這樣的事情變得輕而易舉。

另外，請記住，某些瀏覽器需要在.onload事件之後定義image.src屬性。