5 回答

TA貢獻1876條經驗 獲得超7個贊
用document的onload事件,或者如果只關心圖片,就掛接img的load事件。
$('img').on('load', function() {
// xxx
});

TA貢獻1712條經驗 獲得超3個贊
/**
*加載圖片
* @param arr ['圖片鏈接']
* @returns {Array}
*/
function loadImg(arr) {
var newimages = [];
var arr = (typeof arr != "object") ? [arr] : arr //確保參數(shù)總是數(shù)組
for (var i = 0; i < arr.length; i++) {
newimages[i] = new Promise(function (resolve, reject) {
var image = new Image();
image.addEventListener('load', function listener() {
resolve(image);
this.removeEventListener('load', listener);
});
image.src = arr[i];
image.addEventListener('error', reject);
})
}
return newimages
}
Promise.all(loadImg(listPics)).then(function () {
console.log('圖片加載完成')
});
之前項目使用過的加載全部圖片的處理方案,希望能幫助你

TA貢獻1772條經驗 獲得超8個贊
那得預先知道圖片的數(shù)量了,加一個計數(shù)器,在load回調函數(shù)中
var i = 0;
$('img').load(function(){
i++;
if(i==x){
...
}
});
添加回答
舉報