如何检测图像对象是否正在显示？

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