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?

questionAnswers(3)

yourAnswerToTheQuestion