ページにロードされた画像のJavaScriptイベントリスナー

Question

ページ上の個別のimg（GIFを含む）がロードされたときにJavaScriptが検出される方法はありますか？ページアセットが完全にロードされるためのプログレスバーを作成できますか？

レーヨンは、多分あなたはこのような何かを探しているについて指摘したように

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