JavaScript & jQuery判斷圖片是否加載完畢

var t_img; // 定時器
var isLoad = true; // 控制變量
// 判斷圖片加載狀況,加載完成後回調
isImgLoad(function(){
 // 加載完成
});
// 判斷圖片加載的函數
function isImgLoad(callback){
 // 注意我的圖片類名都是cover,因爲我只需要處理cover。其它圖片可以不管。
 // 查找所有封面圖,迭代處理
 $('.cover').each(function(){
 // 找到爲0就將isLoad設爲false,並退出each
 if(this.height === 0){
 isLoad = false;
 return false;
 }
 });
 // 爲true,沒有發現爲0的。加載完畢
 if(isLoad){
 clearTimeout(t_img); // 清除定時器
 // 回調函數
 callback();
 // 爲false,因爲找到了沒有加載完成的圖,將調用定時器遞歸
 }else{
 isLoad = true;
 t_img = setTimeout(function(){
 isImgLoad(callback); // 遞歸掃描
 },500); // 我這裏設置的是500毫秒就掃描一次,可以自己調整
 }
}

兼容:谷歌&火狐&IE

原文:http://www.jb51.net/article/102385.htm

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章