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

【问题标题】：How can I detect if an image object is being displayed?如何检测是否正在显示图像对象？
【发布时间】：2012-04-19 01:09:38
【问题描述】：

当我在 DOM 中为大图像加载图像对象时，这将在 iPad 上冻结显示片刻。

出于测试目的，让 GIF 动画加载器旋转并将大图像添加到 DOM，当图像加载并添加到 DOM 时，您会注意到 GIF 动画将冻结直到图像显示。这种冻结足以禁用其上的 CSS3 动画效果。

有没有类似的

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

【问题讨论】：

【解决方案1】：

可以这样检查图片是否加载完毕

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

【讨论】：

【解决方案2】：

对于在移动网络应用程序上预加载图像，我使用 html5-preloader 取得了成功。看来这对您也有帮助。

【讨论】：