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

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

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

HTML5-Preloader