Führen Sie das Ereignis aus, nachdem das Bild geladen wurde

Dieser Artikel zeigt Ihnen hauptsächlich ein Beispiel für das Laden und anschließende Ausführen von Bildern. Ich hoffe, dass es für alle hilfreich ist allen helfen.

Beispiele sind wie folgt:

//图片加载
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;
}

Anwendungsszenarien: Einige Seiten mit vielen Bildern, einige Seiten, auf denen Ladeeffekte wie Fortschrittsbalken oder Prozentwerte hinzugefügt werden müssen, werden im Allgemeinen für mobile Seiten verwendet Mehr

Verwandte Empfehlungen:

So lösen Sie das Problem des Ladens von Hintergrundbildern

Beispiel für zwei Effekte beim Laden von js-Bildern Code

Javascript-Methode zum Implementieren des Ladens von Bildern von einer verschwommenen zu einer klaren Anzeige

Das obige ist der detaillierte Inhalt vonFühren Sie das Ereignis aus, nachdem das Bild geladen wurde. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!