將圖像標題推入數組，然後顯示它們

Question

我有以下問題。我有我的index.html三幅影像：

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

我希望他們能夠加載，並且在裝載 - 推動它們的標題我的jQuery的數組，這裏是代碼：

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的內容。我怎樣才能做到這一點？

Answer 1

您潔具運行。每次外面.load和負載後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>"); 
      }); 
}); 

我保持當前加載的圖像的數量，而當所有的圖像加載，我使用的陣列。