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

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

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.

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 );

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);
  }
}