Wie kann ich ein Ereignis auslösen, nachdem die Lazy Load ein Image geladen hat?

Question

Ich habe Bilder, die absolut positioniert werden müssen, so dass das Zentrum des Bildes in der Mitte seines Elternteils liegt. Ich habe bereits Code, der das tut.

Ich habe vor kurzem das Lazy Load Plugin hinzugefügt und es funktioniert wie erwartet. Aber ich brauche eine Möglichkeit zur Auslösung meiner Bild Zentrierung Code nach Lazy Load geladen hat und verblasst das Bild.

Mein aktueller Code ist im Grunde dieses:

jQuery(document).ready(function($) { 

// Make all lazy images ready to load themselves and listen for a custom event 
$("img.lazy").lazyload({ event:"delayed-lazy-load-event", effect : "fadeIn"}); 

}); 


// Wait for the iframes and other important junk to finish loading 
jQuery(window).load(function($){ 

// trigger lazy loading of thumbnails. 
$("img.lazy").trigger("delayed-lazy-load-event") 
} 

Ich kann keine Informationen über jede Funktion von Lazy Load finden, die mir eine Rückruffunktion einstellen kann ausgeführt werden, nachdem es den fadeIn Effekt läuft.

Answer 1

fanden diese arbeiten:

zum Auslösen einer Funktion

$('img.lazy').on('appear',function(){ 
    console.log(this)//fires this function when it appears 
}); 

Answer 2

Entrabiter ‚s Antwort ist eigentlich, wenn das Bild auf dem Bildschirm erscheint, nicht nachdem sie geladen ist. Um Code auszuführen, nachdem ein Bild geladen (d. H. Eingeblendet) wurde, müssen Sie das Argument 'load' eingeben: