JavaScript事件監聽器加載

Question

頁面

上的圖像是否有JavaScript的任何方式，當個人img S（包括GIF格式）的網頁上加載到檢測，這樣我就可以構建網頁資源的進度條被完全加載？

例如像

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

Answer 1

人造纖維指出有關，也許你正在尋找這樣的事情？

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 })