jquery - 加载图像后调用函数，如果加载图像也调用该函数

Question

我使用此代码在加载图像后调用函数

var height = 0;
$("#right-layout-ul li img").on("load",function(){
     function_function();    
});

如果我刷新页面，该函数不会调用，因为图像已经加载...

有什么方法可以找到图像的状态，例如已加载或正在加载吗？

我想在图像加载后调用一个函数，如果图像加载也调用该函数...

如何实现？？？请帮助我

Answer 1

var $images = $("#right-layout-ul li img")
, imageCount = $images.length
, counter = 0;

// one instead of on, because it need only fire once per image
$images.one("load",function(){

     // increment counter everytime an image finishes loading
     counter++;
     if (counter == imageCount) {

         // do stuff when all have loaded
         function_function();   
     } 
}).each(function () {
    if (this.complete) {

        // manually trigger load event in
        // event of a cache pull
        $(this).trigger("load");
    }
});