¿Evento jquery una vez que se cargan todas las imágenes (incluidas las imágenes en caché)?
Tengo la siguiente función que es para ajaxing en una página y mostrarla solo una vez que se cargan todas las imágenes:
$.get('target-page.php', function(data){
var $live = $('#preview_temp_holder').html(data);
var imgCount = $live.find('img').length;
$('img',$live).load(function(){
imgCount--;
if (imgCount==0){
//DO STUFF HERE ONCE ALL IMAGES ARE LOADED
$('#preview_pane').html($live.children()).fadeIn(800);
$live.children().remove();
}
});
});
El problema viene con imágenes en caché que no disparan.load()
evento y por lo tanto no disminuye elimgCount
.
Sé que necesito implementarLa solución de Nick Craver pero no estoy seguro de cómo. ¿Alguien puede ayudarme?