Exécuter l'événement après le chargement de l'image

Cet article partage principalement avec vous un exemple d'événement de chargement puis d'exécution d'image. Il a une très bonne valeur de référence. Suivons l'éditeur pour y jeter un œil. J'espère que cela sera utile à tout le monde. aider tout le monde.

Les exemples sont les suivants :

//图片加载
function load(imgSrc,callback) {
 var imgs = [];
 var c = 0;
 for (var i = 0; i < imgSrc.length; i++) {
  imgs[i] = new Image();
  imgs[i].src = imgSrc[i];
  imgs[i].onload = function(){
   c++
   if(c == imgSrc.length){
    if(callback){
     callback();
    }
   }
  }
 }
 return imgs;
}

Scénarios d'application : certaines pages avec de nombreuses images, certaines pages qui doivent ajouter des effets de chargement tels que des barres de progression ou une lecture en pourcentage, généralement utilisées pour les pages mobiles Plus

Recommandations associées :

Comment résoudre le problème du chargement de l'image d'arrière-plan

Deux effets du chargement de l'image js Exemple code

Méthode Javascript pour implémenter le chargement d'images d'un affichage flou à un affichage clair

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!