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

Question

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

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

有没有类似的东西

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

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

对于在移动 Web 应用程序上预加载图像，我使用 html5-preloader 取得了成功。似乎这也可能对您有所帮助。

2 回答 2