Détecter si les objets sont chargés [Javascript]

Question

Je me demandais, y a-t-il un moyen de détecter si une certaine image/div est chargée? Par exemple lorsque je charge deux images lourdes et montre un signe de chargement aux deux endroits que les images occuperont plus tard, est-il possible d'afficher déjà la première image quand elle est chargée tout en chargeant la seconde?

Answer 1

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

Le code à l'intérieur de la fonction ci-dessus sera appelé lorsque l'image sera chargée.

Answer 2

Si vous utilisez new Image pour précharger les images, vous pouvez faire ce qui suit pour être informé de alors il est chargé

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

Rappelez-vous de régler la srcaprès la onload.

Answer 3

Si une image est chargée, sa propriété .complete passe à true.