проверка, полностью ли загружено изображение

Question

Я использую

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

, чтобы скрыть div, который указывает, что изображение еще не загружено,

, но оно скрывается до завершения загрузки изображения и показывается, пока браузервыдает мне сообщение о том, что страница все еще передает данные с сервера: S

Есть ли другая функция, которую я могу использовать, чтобы убедиться, что изображение полностью загружено?

Answer 1

1001 * Javascript *

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

Answer 2

Вы можете использовать событие onload для самого изображения:

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

Обновление: похоже, ваш вопрос дублируется

Answer 3

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

src должен идти последним