如何檢測圖像對象是否正在顯示？

Question

當我在DOM中加載大圖像的圖像對象時，這會在iPad上暫時停止顯示。

爲了測試目的，讓GIF動畫加載器旋轉並向DOM添加大圖像，當圖像加載並添加到DOM時，您會注意到GIF動畫將凍結，直到圖像顯示。這個凍結足以禁用CSS3動畫效果。

有什麼樣

var image = new Image(); 
image.ready = function() { alert('the image is being displayed.') }; 

Answer 1

如果已經加載了這樣

var img = new Image(); 
img.onload = function() { 
    alert('Done!'); 
} 
img.src = '/images/myImage.jpg'; 

Answer 2

有關移動Web應用程序預載圖片，我已經使用HTML5的預加載了成功。看起來這似乎也可能對你有幫助。

HTML5-Preloader