预加载1

来源：互联网发布：木头飞虎弹弓图纸数据编辑：程序博客网时间：2024/05/20 22:36

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="imgList">
</ul>
<script type="text/javascript">
var imgs=["http://www.wallcoo.com/nature/da_ps_landscape_01/wallpapers/1680x1050/%5Bwallcoo_com%5D_April_23rd.jpg",
"http://pic5.bbzhi.com/chuangyibizhi/zuixinchuangyishejibizhi/zuixinchuangyishejibizhi_415791_11.jpg",
"http://img.bz1111.com/d3/2010-10/2010103021073576056.jpg",
"http://www.pp3.cn/uploads/20120627gj/bz_gj_05.jpg",
"http://www.onegreen.net/Article/UploadFiles/200811/2008111874946653.jpg",
"http://lib.nit.net.cn/dlib/resource/jpg/1889.jpg",
"http://www.lwdx.cn/UploadFiles/Photo/2009/2/bizhi/stzw20081005/stzw20081005_001.jpg"
];

var ul1= document.getElementById('imgList');
var iNow=0;
for(var i=0;i<imgs.length;i++)
{
(function(n){ //必须在闭包里面运行
var yImg=new Image(); //每次循环新建一个临时Image对象
yImg.src=imgs[n];
yImg.onload=function()
{
var dd=document.createElement("li"); //每次新建一个临时变量
dd.innerHTML="<img src='"+yImg.src+"'/>";
ul1.appendChild(dd);
iNow++;
// console.log(iNow);
};
})(i);//把循环的i传递进去
}

</script>
</body>
</html>

1 0