當所有圖像下載完成時觸發一個功能

Question

我在每次迭代中下載圖像。所以邏輯&代碼在每個下載圖像的迭代器中都有。我希望當所有圖像下載完成後，立即我想調用一個函數，通知用戶所有圖像下載完成。 請指導我修改我現有的代碼。

這裏是我的代碼

$(document).ready(function() { 
$("table[id*=dgImages] img").each(function() { 
if($(this).offset().top > $(window).scrollTop() && $(this).offset().top < $(window).scrollTop() + $(window).height()) { 


$(this).attr("src", $(this).attr("original")); 
$(this).removeAttr("original"); 
} 
}); 
}); 

Answer 1

的jQuery推遲對象救援：

var def = [];     // an array to store deferred objects 

$('img').each(function() {  // for each image 
    var d = $.Deferred();  // create a new deferred object 
    def.push(d);    // store it in the array for later 
    $(this).load(d.resolve); // and on load, "resolve" it 
}); 

$.when.apply($, def)   // $.when(def[0], def[1], ...); 
.then(function() {    // are all resolved, then 
    alert("all loaded!");  // do your stuff here 
});