Détecter le chargement complet d'une image avec JavaScript

Concept et utilisation

La fonction imgReady() permet de détecter lorsqu'une image est chargée.

Fonction

imgReady()

Exécute une fonction de rappel lorsqu'une image a été chargée.

Syntaxe
imgReady(image, fonction_de_rappel);
Paramètres
image(Node)

Le paramètre image de la fonction imgReady() définit l'élément HTML de type image pour laquelle le chargement doit être détecté.

fonction_de_rappel(Function)

Le paramètre fonction_de_rappel de la fonction imgReady() définit une fonction de rappel à exécuter lorsqu'une image a été chargée.

Exemple de détection du chargement d'une image

var image = document.getElementsById('img');
var fonction_de_rappel = function() {

  console.log('Image chargée'); 
  // renvoie "Image chargée" quand 'image' est chargée

};
imgReady(image, fonction_de_rappel );

Code source de la fonction

function imgReady(a,b){var i=null,f=function(){if(a.complete||(a.readyState===4)||(a.readyState==='complete')){clearInterval(i);b(a);return !0;}return !1;};if(!f()){i=setInterval(function(){f();},150);}}

Dernière mise à jour le .

^