js 图片预加载

下面代码是最简单的图片预加载。最主要的是两个img 事件 img.compete 和 img.onload 这两个方法。如果是第一次加载还是已经加载完毕从缓存中加载。

var imgLoad = function (url, callback) {

        var img = new Image();
        img.src = url;
        if (img.complete) {
                callback(img);
        } else {
                img.onload = function () {
                        callback(img);
                        img.onload = null;
                };
        };

};

然而最主要的还是 img.onload 方法 ，他是当图片整个都加载完毕执行的回调。