最简单的图片预加载~~~随记

最新推荐文章于 2024-11-17 16:39:56 发布

原创最新推荐文章于 2024-11-17 16:39:56 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java

本文介绍了一种使用JavaScript实现的图片预加载技术，该技术通过动态更新HTML来显示加载进度，并确保网页在所有图片加载完毕前能够正常显示。通过定义一个loadImg函数，可以有效地管理多个图片资源的加载过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="ld">loading precent</div>


<script>
var loadImg=function(imgArray){
	var comp=0;
	var img=[];
	for(i=0;i<imgArray.length;i++){
		img[i] = new Image;
		img[i].src = imgArray[i];
		img[i].onload = function(){ //关键这句，完成加载后 刷新HTML
			comp++;
			$("#ld").html("loading precent"+comp);

		};
	}
}

loadImg(["images/building_01.gif","images/mask.png","images/bullet_2.gif","images/fountain.gif","images/grass_01.gif"])
</script>