0

我正在使用这个基本的预加载器，它非常适合加载要在图像标签中使用的图像。但我想重新配置它以加载将用作 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>
4

0 回答 0