Определить, загружены ли объекты [Javascript]

Question

Мне было интересно, есть ли способ определить, загружено ли определенное изображение / div?Например, когда я загружаю два тяжелых изображения и показываю знак загрузки в двух местах, где изображения будут позже занимать, есть ли способ уже отобразить первое изображение, когда оно загружено, при этом загружая второе?

Answer 1

myImage.addEventListener('load', function() { ... }, false);

Код внутри вышеупомянутой функции будет вызываться после завершения загрузки изображения.

Answer 2

Если вы используете new Image для предварительной загрузки изображений, вы можете сделать следующее, чтобы получить уведомление о загрузке

var img = new Image();
img.onload = function() {
    //display the image
    document.getElementById("myDiv").innerHTML = "%3Cimg src='myimg.jpg' alt=''/%3E";
};
img.src = "myimg.jpg";

Не забудьте установить src после на onload.

Answer 3

, если изображение завершено, его свойство .complete переключается в true.