Bir sayfadaki resimleri görmek için JavaScript olay dinleyicisi

Question

Bir sayfada, tek tek img s (gif'ler dahil) yüklendiğinde algılanacak herhangi bir yol var mı, böylece sayfa varlıkları tam olarak yüklendiğinde bir ilerleme çubuğu oluşturabilir miyim?

örn. Rayon belki böyle bir şey arıyorsanız hakkında belirttiği gibi

var $imgs = $('img'); 
var k = 0, n = $imgs.length; 
$imgs.onloaded(function(){ 
    $('#progress-bar inner').width((k++ * 100/n) + '%'); 
}); 

Answer 1

gibi bir şey?

var $imgs = $('img'); 
var k = 0, n = $imgs.length; 

$imgs.each(function(index){ 
    $(this).onload(function(){ 
     console.log("loaded image number:"+index) 
     $('#progress-bar inner').width((k++ * 100/n) + '%'); 
    }); 
}); 

Answer 2

$("<img/>") 
    .on('load', function() { //script }) 
    .on('error', function() { //script })