下面代碼是最簡(jiǎn)單的圖片預(yù)加載。最主要的是兩個(gè)img 事件 img.compete 和 img.onload 這兩個(gè)方法。如果是第一次加載還是已經(jīng)加載完畢從緩存中加載。

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 方法 ，他是當(dāng)圖片整個(gè)都加載完畢執(zhí)行的回調(diào)。

總結(jié)

以上是生活随笔為你收集整理的js 图片预加载的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。