evento jquery depois que todas as imagens forem carregadas (incluindo imagens em cache)?
Eu tenho a seguinte função que é para ajaxing em uma página e mostrá-lo apenas quando todas as imagens são carregadas:
$.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();
}
});
});
O problema vem com imagens em cache que não disparam o.load()
evento e, portanto, não diminuindo oimgCount
.
Eu sei que preciso implementarA solução de Nick Craver mas não sei como. Alguém pode me ajudar?