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