<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<script language= "JavaScript" >
<!--
var ie=navigator.appname== "Microsoft Internet Explorer";
var opera=navigator.appname.tolowercase () = = "Opera";
var ff=! IE &&! Opera;
function LoadImage (arrsrc,callback)
{
This. Length=arrsrc.length;
This. loadedlen=0; Number of pictures that have been loaded
var self=this;
if (self. LENGTH<1)
{
CallBack (ARRSRC);
Return
}
After testing, opera and other browser loading mode is different, so particularly independent ...
if (Opera)
{
For (Var i=0;i<self. length;i++)
{
var tmpimg=new Image ();
Tmpimg.src=arrsrc[i];
Tmpimg.onload=function ()
{
Self. loadedlen++;
if (self. Loadedlen==self. Length && callBack) callBack (ARRSRC);
}
}
Return
}
This. Load=function ()
{
Self. loadedlen++;
document.getElementById ("Counter"). Innerhtml=self. Loadedlen;
if (self. Loadedlen<self. Length) self. Downimg ();
else if (callBack) callBack (ARRSRC);
}
This. Downimg=function ()
{
var tmpimg=new Image ();
Tmpimg.src=arrsrc[self. Loadedlen];
if (IE)
{
if (tmpimg.readystate== "complete") self. Load ();
else Tmpimg.onreadystatechange=function ()
{
if (this.readystate== "complete") self. Load ();
}
}
Else Tmpimg.onload=self. Load;
}
This. Downimg ();
}
-->
</SCRIPT>
</HEAD>
<BODY>
<div id= "Counter" ></div>
<script language= "JavaScript" >
<!--
var arr=[' yun_qi_img/20060531103027226_756_o.jpg ', ' http://img1.soufun.com/bbs/2007_02/13/1171345302199.jpeg ', ' Yun_qi_img/pp20060909002749.jpg '];
var t=new loadimage (Arr,function (arr)
{
var str= "";
for (Var i=0;i<arr.length;i++)
{
str+= "<br>";
}
DOCUMENT.BODY.INNERHTML+=STR;
});
-->
</SCRIPT>
</BODY>
</HTML>
