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

Javascript 如何检测是否正在显示图像对象?,javascript,image,object,ready,loaded,Javascript,Image,Object,Ready,Loaded,当我在DOM中为大图像加载图像对象时,iPad上的显示会暂时冻结 出于测试目的,让GIF动画加载程序旋转并将大图像添加到DOM中,当图像加载并添加到DOM中时,您会注意到GIF动画将冻结,直到图像显示为止。此冻结足以禁用其上的CSS3动画效果 有类似的吗 var image = new Image(); image.ready = function() { alert('the image is being displayed.') }; 对于在移动web应用程序上预加载图像,我已经成功地使用

当我在DOM中为大图像加载图像对象时,iPad上的显示会暂时冻结

出于测试目的,让GIF动画加载程序旋转并将大图像添加到DOM中,当图像加载并添加到DOM中时,您会注意到GIF动画将冻结,直到图像显示为止。此冻结足以禁用其上的CSS3动画效果

有类似的吗

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

对于在移动web应用程序上预加载图像,我已经成功地使用了html5预加载程序。这似乎对你也有帮助


您可以检查图像是否已像这样加载

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