检查图像是否已满载

Question

我正在使用

if (document.getElementById('<%= MainImg.ClientID %>').complete) {
  hideLoadDiv();
}

隐藏表示图像尚未加载的div，

但它在图像加载完成之前隐藏并显示，而浏览器正在向我发送一条消息，表明该页面仍在从服务器传输数据：S

是否还有其他功能可用于确保图像已满载？

Answer 1

您可以在图像上使用onload事件：

<img src="foo.jpg" onload="hideLoadDiv();" />

更新：看起来你的问题是重复

Answer 2

的javascript

img = new Image();
img.src = "foo.bar";
img.onload = function() {stuff();};

Answer 3

img = new Image();
img.onload = function() {stuff();};
img.src = "foo.bar";

src应该是最后一次