Utilisation de la fonction jquery .load lors du chargement des images

Question

Ok, je souhaite utiliser la fonction jquery .load pour exécuter du code lorsque toutes les images sont chargées sur la page.

jQuery("img").load(function() { 
    //run some code 
}); 

Maintenant, les pistes de code, mais ma question est, sera le code courir après toutes les images sur la page sont chargés ou sera le code exécuté lorsque le premier élément d'image est chargée.

Je sais que je peux utiliser la fonction jquery $(document).ready ou la fonction `$ (window) .load, mais cela démarrera quand tout sera chargé. Je veux que le code s'exécute lorsque les éléments d'image sont chargés, et avant que tous les scripts dans le pied de page se chargent. Tout le monde se soucie de partager son opinion d'expert en la matière.

Vive

Answer 1

Je suppose que vous devez utiliser la fonction de charge avec la fenêtre au lieu de son img:

$(window).on('load', function() { // makes sure the whole site is loaded 
 
    console.log("Everything loaded"); 
 
})

EDIT: Vous avez un exemple de travail d'un préchargement: https://codepen.io/niklausgerber/pen/MKrVdQ

Answer 2

Au lieu de la fenêtre d'utilisation de l'image pour savoir si jamais y éléments de la page chargés complètement.

JQUERY

$(window).on('load', function() { 
// do this 
}); 

ou

$(window).load(function() { 
// do this 
});