jquery - divの背景として使用される画像のjqueryプリロードを再構成します

Question

イメージタグで使用するイメージをロードするのに最適なこの基本的なプリローダーを使用しています。しかし、divの背景として使用される画像をロードするように再構成し、画像がロードされたときにdivを表示したいと思います

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

}
});
})(jQuery);

$(function() {

$.preload([
    "img/someImage.png"
], {
    init: function(loaded, total) {
    },
    loaded: function(img, loaded, total) {
    },
    loaded_all: function(loaded, total) {
    }
});

});

おそらく画像のタイトル（拡張子なし）をdiv IDとして使用して、それらを簡単にマッピングできるようにします

<div id="someImage" style="display:none;"></div>