画像タイトルを配列にプッシュして表示する

Question

次の問題があります。私はそれらをロードしたい

<div class = "someclass"> 
<img src = "1.jpg" title="jeeden"/> 
<img src = "2.jpg" title="dwa"/> 
<img src = "3.jpg" title="trzy"/> 
</div> 

、および読み込みながら - ここでは、jQueryの中で私の配列に彼らのタイトルをプッシュするには、コードは次のとおりです：私は私のindex.htmlに三つの画像を持って

var titletable = []; 

$(document).ready(function() { 

$("img").load(function(event){ 
titletable.push($(this).attr('atrybut1')); 
}); 


$.each(titletable, function(i, v) { 
$('.someclass').append("<li>" + i + ": " + v + "</li>"); 
}); 

私は$.eachの反復を.load関数に移動していますが、配列要素を示していますが、間違った方法で、画像がロードされるたびに配列の状態が表示されます。私はtitletableの内容を3つの画像すべてがロードされるときに表示したいと思います。これどうやってするの？

Answer 1

あなたは外.LOADを.eachランニングウェア、および負荷がusualy後、私は、現在ロードされた画像の数を保つ

var titletable = []; 

$(document).ready(function() { 
    var totalImages = $("img").length; 
    var loadedImages = 0; 

    $("img").load(function(event){ 
     titletable .push($(this).attr('title')); 
     loadedImages++; 

     if (loadedImages == totalImages) 
      $.each(titletable, function(i, v) { 
       $('.someclass').append("<li>" + i + ": " + v + "</li>"); 
      }); 
}); 

を発生し、すべてのイメージがロードされたときに、私は、配列を使用しています。