当所有图像下载完成时触发一个功能

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