jQuery简单实现图片预加载

/*errors：加载出错的图片数量；*/
console.log("loaded,"+errors+" images loaded error!");
}

var funloading=function(n,total,src,obj){
/*
n：已加载完成的数量；
total：总共需加载的图片数量；
src：当前加载完成的图片路径；
obj：当loadimg函数中传入的arr为存放图片路径的数组时，obj=src，是图片路径，
当arr为jquery对象时，obj是当前加载完成的img dom对象。
*/
console.log(n+"of"+total+" pic loaded.",src);
var newimg = document.createElement("img");
newimg.src=src;
$("body").append(newimg).fadeIn();
}

var funloading_obj=function(n,total,src,obj){
console.log(n+"of"+total+" pic loaded.",src);
$(obj).attr("src",src);
$(obj).fadeIn(200);
}

var funOnError=function(n,total,src,obj){
console.log("the "+n+"st img loaded Error!");
}

调试用例

console.log("loading...");
loadimg($("img"),funloading_obj,imgonload,funOnError);
/*loadimg(["https://www.easck.com/d/file/200524/20200524211910146.jpg",
     "https://www.easck.com/d/file/200524/20200524211910147.jpg",
     "https://www.easck.com/d/file/200524/20200524211911148.jpg",
     "https://www.easck.com/d/file/200524/20200524211911149.jpg",
     "https://www.easck.com/d/file/200524/20200524211911150.jpg"
    ],funloading,imgonload,funOnError);*/

以上所述就是本文的全部内容了，希望大家能够喜欢。