图片预加载和懒加载

预加载:

var callback = function(){
//初始化游戏;
gameInit();
}
//预加载图片
img_preload(GameConfig.gameimg, callback);

function img_preload(img, callback){
var onload_img = 0;
var tmp_img = [];
for(var i=0,imgnum=img.length; i<imgnum; i++){
tmp_img[i] = new Image();
tmp_img[i].src = img[i];
if(tmp_img[i].complete){
onload_img ++;
}else{
tmp_img[i].onload = function(){
onload_img ++;
}
}
}
var et = setInterval(
function(){
// console.log(Math.floor(onload_img/tmp_img.length))
if(onload_img==img.length){ // 定时器,判断图片完全加载后调用callback
clearInterval(et);

callback();
}
},200);
}

懒加载:

瀑布流

原文地址:https://www.cnblogs.com/zhangzs000/p/6225116.html