//圖片預(yù)加載_無序加載

(function($) {

function PreLoad(imgs, options) {

this.imgs = (typeof imgs === 'string') ? [imgs] : imgs;

this.opts = $.extend({}, PreLoad.DEFAULTS, options);

if(this.opts.order === 'ordered') {

this._ordered();

} else {

this._unordered();

}

}

PreLoad.DEFAULTS = {

order: 'unordered', //默認使用無序預(yù)加載

each: null, //每張圖片加載完畢后執(zhí)行

all: null, //所有圖片加載完畢后執(zhí)行

};

PreLoad.prototype._ordered = function() { //有序加載

var opts = this.opts,

imgs = this.imgs,

len = imgs.lenght,

count = 0;

load();

//有序預(yù)加載

function load() {

var imgObj = new Image();

$(imgObj).on('load error', function() {

opts.each && opts.each(cuont);?

if(count >= len) {

//所以圖片已經(jīng)加載完畢

opts.all && opts.all();

} else {

load();

}

count++

});

imgObj.src = imgs[count];

}

},

PreLoad.prototype._unordered = function() { //無序加載

var imgs = this.imgs,

opts = this.opts,

count = 0,

len = imgs.length;

$.each(imgs, function(i, src) {

if(typeof src != 'string') return;

var imgObj = new Image();

$(imgObj).on('load error', function() {

opts.each && opts.each(count);

if(count >= len - 1) {

opts.all && opts.all();

}

count++;

})

imgObj.src = src;

});

};

$.extend({

preload: function(imgs, opts) {

new PreLoad(imgs, opts);

}

})

})(jQuery);