jquery.imgPreloader.js

(function($) {
  var imgList = [];
    $.extend({
        preload: function(imgArr, option) {
            var setting = $.extend({
                init: function(loaded, total) {},
                loaded: function(img, loaded, total) {},
                loaded_all: function(loaded, total) {}
            }, option);
            var total = imgArr.length;
            var loaded = 0;
            setting.init(0, total);
            for(var i in imgArr) {
                imgList.push($("<img />")
                    .attr("src", imgArr[i])
                    .load(function() {
                        loaded++;
                        setting.loaded(this, loaded, total);
                        if(loaded == total) {
                            setting.loaded_all(loaded, total);
                        }
                    })
                );
            }
        }
    });
    $.preload(
    ["http://www.lib.utexas.edu/maps/world_maps/world_pol495.jpg","http://www.lib.utexas.edu/maps/world_maps/time_95.jpg","http://www.jimmymack.org/images/world_map.gif","http://www.nationsonline.org/maps/political_world_map3000.jpg"], 
        {
        init: function(loaded, total) {
        $('body').html("Loading "+loaded+" of "+total+" images");
        },
        loaded: function(img, loaded, total) {
            $('body').html("Loading  "+loaded+" of "+total+" images");
        },
        loaded_all: function(loaded, total) {
            $('body').html("&#9786;  all loaded").addClass('loaded');
        }
    });
})(jQuery);