图片预载完整实例

完整源代码如下：

<html>
<head>
<title> Image Preload </title>
</head>

<body>
<img id="i1" />
<img id="i2" />
<script type="text/javascript">
<!–
 var imgNum=0; //imgNum用于验证是否加载完图片

 //图片预加载函数
 function MM_preloadImages() {
  var d=document;
  //imgNum=0;
  if(d.images){
   if(!d.MM_p) d.MM_p=new Array();
   var i;
   var j=d.MM_p.length;
   var a=MM_preloadImages.arguments;
   for(i=0; i<a.length; i++){
    d.MM_p[j]=new Image;
    d.MM_p[j++].src=a[i];
    d.MM_p[j-1].onload=function(){imgNum++}; //如果加载完一个图片,则图片总量加1
   }
  }
 }

 //加载两张图片
 MM_preloadImages('http://www.google.com/images/firefox/google.gif', 'http://www.google.com/images/firefox/fox1.gif');

 showImg(document.MM_p.length);
 
 //显示图片，参数len：图片数量
 function showImg(len) {
  if (imgNum==len) {
   document.getElementById('i1').src=document.MM_p[0].src;
   document.getElementById('i2').src=document.MM_p[1].src;
  } else setTimeout(’showImg('+len+')', 100);
 }

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

posted @ 2010-04-24 00:28  冰封的心  阅读(182)  评论(0)    收藏  举报