检测多个图像加载事件

Question

我想知道是否有办法检测多个图像的加载事件(特别是,当给定集合中的最后一个图像完成加载时,应该执行一个函数).

例如,用户点击链接,并且lighbox出现10个图像.加载完所有图像后,加载条应消失.

jQuery(".lightbox-image").each(function(){
    var image = jQuery(this);
    jQuery('<img />').attr('src', image.attr('src')).load(function(){
        hideLoadingBar();
    });
});

遗憾的是,这种情况发生hideLoadingBar();得太早(在一张图片完成加载后).

PS
我还需要我的功能在图像缓存后才能工作:jQuery('#img1, #img2').load();不起作用.

Answer 1

看看这个jQuery imagesLoaded插件，我认为它应该适合您的需求。