Questo https://github.com/thepeg/ImagesLoaded lancia una funzione di callback quando tutte le immagini del target sono state caricate con successo.

$('#target').imagesLoaded(function(){
  alert("All images in #target were loaded!");
});

E’ anche possibile gestire una configurazione più dettagliata impostando callback di successo e di errore, quest’ultima lanciata nel caso una o più immagini non siano correttamente caricate nel tempo di timeout impostato:

$('#target').imagesLoaded({
  success: function(){ alert('Ok!'); },
  error: function() { alert('Ko!')); },
  timeout: 1000,
});

Nel precedente codice di esempio è impostato il timeout ovvero il tempo massimo di durata del controllo e le callback personalizzate in caso di successo o di fallimento del controllo. Le funzioni di callback ricevono come contesto il riferimento a $(‘#target’);

Fork on GitHub!

https://github.com/thepeg/ImagesLoaded