不顯示在文檔中的 Image 對象
對于不顯示在文檔中的 Image 對象時用 var 語句定義的:
復制代碼 代碼如下:
var myImage = new Image();或
var myImage = new Image(<圖片地址字符串>);
復制代碼 代碼如下:
var imagePreload = new Image();
imagePreload.src = '001.gif';
imagePreload.src = '002.gif';
imagePreload.src = '003.gif';
復制代碼 代碼如下:
function imagePreload() {
var imgPreload = new Image();
for (i = 0; i < arguments.length; i++) {
imgPreload.src = arguments[i];
}
}
imagePreload('001.gif', '002.gif', '003.gif', '004.gif', '005.gif');
復制代碼 代碼如下:
function loadImage(url, callback) {
var img = new Image(); //創建一個Image對象,實現圖片的預下載
img.src = url;
if (img.complete) { // 如果圖片已經存在于瀏覽器緩存,直接調用回調函數
callback.call(img);
return; // 直接返回,不用再處理onload事件
}
img.onload = function () { //圖片下載完畢時異步調用callback函數。
callback.call(img);//將回調函數的this替換為Image對象
};
};
新聞熱點
疑難解答
圖片精選