图片预载入

更新时间：2006年10月03日 00:00:00 作者：

<body> <script > //-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-// /*   ImageLoader, Version 1.0, JavaScript    (c) 2006 Christian An <anchangsi@gmail.com>   With copyright not modified, you can use this program freely.  */ //-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-// function ImageLoader(className,Options){     this._ImageLoadStack = null;     this._currrentLoading = "";     this._FinalRun = false;     this.numLoaded = 0;     this.ClassName = className;          if(typeof(Options)=="undefined") Options = {};          if(isNaN(Options.Timeout) || Options.Timeout < 0 ||  Options.Timeout >100000){         this.EnableTimeout = false;     }else {         this.EnableTimeout = true;         this.Timeout = Options.Timeout;     }          if(typeof(Options.func)=="undefined"){         this.AfterFunction = null;     }else{         this.AfterFunction = Options.func;     }          if(typeof(Options.display)=="undefined"){         this.disDiv = null;     }else if(typeof(Options.display)=="string"){         this.disDiv = document.getElementById(Options.display);     }else if(typeof(Options.display)=="object"){         this.disDiv = Options.display;     }else{         this.disDiv = null;     }     if(typeof(Options.process)=="undefined"){         this.procDiv = null;     }else if(typeof(Options.process)=="string"){         this.procDiv = document.getElementById(Options.process);     }else if(typeof(Options.process)=="object"){         this.procDiv = Options.process;     }else{         this.procDiv = null;     }          if(typeof(document.imageArray)=="undefined") document.imageArray = new Array();          this.Load = function(){         var args = this.Load.arguments;         if(args.length!=0){             this._ImageLoadStack = new Array();             for(i=0; i<args.length; i++){                 if(args[i].indexOf("#")!=0){                     this._ImageLoadStack.push(args[i]);                 }             }         }else if(this._ImageLoadStack == null){             this._runFinal();         }         this.numTotal = this._ImageLoadStack.length;         this._LoadAImage();     }          this._LoadAImage = function(){         if(this._ImageLoadStack.length!=0){             var sURL = this._ImageLoadStack.shift();             if(this.disDiv!=null) this.disDiv.innerHTML = sURL;             _currrentLoading = sURL;                                   var j = document.imageArray.length;             document.imageArray[j] = document.createElement("IMG");             document.imageArray[j].Owner = this;                          document.imageArray[j].onload = function(){                 this.Owner._LoadAImage();                 this.onload = null;             }             document.imageArray[j].onerror = function(){                 this.Owner._LoadAImage();                 this.onload = null;             }                          if(this.EnableTimeout){                 window.setTimeout("if(_currrentLoading==\""+sURL+"\"){"+this.ClassName+"._LoadAImage()}",this.Timeout);             }                  document.imageArray[j++].src = sURL;                 if(this.procDiv!=null){                 this.numLoaded++;                 var percentage = Math.floor(this.numLoaded * 100 / this.numTotal);                 this.procDiv.innerHTML = percentage;             }         }else{             this._runFinal();         }     }     this._runFinal = function(){             if(this._FinalRun == false){                 this._FinalRun = true;                                  if(typeof(this.AfterFunction)=="function"){                     this.AfterFunction();                 }else if(typeof(this.AfterFunction)=="string"){                     if (window.execScript){                         window.execScript(this.AfterFunction);                     }else{                         window.eval(this.AfterFunction);                      }                 }             }     }     this.setLoadImages = function(imageArray){         if(typeof(imageArray)!="object") return;         this._ImageLoadStack = imageArray;     } }</script> <div id="display"></div> <div id="process"></div> <div id="result"></div> </body> <script> function final(){     $("result").innerHTML="OK"; }; function $(par){     return document.getElementById(par) }  var loader = new ImageLoader("loader",{Timeout:-1,func: final,display:"display",process:$("process")});      loader.Load("http://bbs.blueidea.com/images/blue/logo.gif",              "http://gg.blueidea.com/2006/chinaok/208x32.gif",             "http://gg.blueidea.com/2006/now/208x32.gif",             "http://gg.blueidea.com/2006/gongyi/banner.jpg",             "http://gg.blueidea.com/2006/flash8/pepsi.gif",             "http://www.google.com/intl/zh-CN_ALL/images/logo.gif"); </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

图片预载入

JavaScript 使用 splice 方法删除数组元素可能导致的问题分析
这篇文章主要介绍了JavaScript 使用 splice 方法删除数组元素可能导致的问题分析,当在 JavaScript 中从数组中删除元素时，使用 splice 方法时需要谨慎，本文给大家详细讲解，需要的朋友可以参考下
2023-04-04
使用JavaScript构建JSON格式字符串实现步骤
这篇文章将帮助你使用javascript来创建json格式字符串如果你需要通过web项目来构建json格式字符串的响应,感兴趣的各位可以参考下哈，希望可以帮助到你
2013-03-03
JavaScript 版本自动生成文章摘要
搜了搜这个，发现找不到答案。所以自己写了一个，很多程序绕过这个问题，往往人工来决定在何处截断，太麻烦了。
2008-07-07
javacript使用break内层跳出外层循环分析
这篇文章主要介绍了javacript使用break内层跳出外层循环的用法,以实例形式对比分析了循环跳出break语句的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01
js实现带按钮的上下滚动效果
这篇文章主要介绍了js实现带按钮的上下滚动效果,设计javascript鼠标事件及页面元素样式的相关操作技巧,需要的朋友可以参考下
2015-05-05
如何创建 JavaScript 自定义事件
这篇文章主要介绍了如何创建 JavaScript 自定义事件，我们将通过文章学习到有关创建自定义事件，侦听自定义事件以及创建双击自定义事件所要了解的内容,需要的朋友可以参考一下
2022-05-05
JavaScript实现倒计时代码段Item1（非常实用）
现今团购网、电商网、门户网等，常使用时间记录重要的时刻，如时间显示、倒计时差、限时抢购等，本文分析不同倒计时效果的计算思路及方法，掌握日期对象Date，获取时间的方法,计算时差的方法，实现不同的倒时计效果
2015-11-11
引用 js在IE与FF之间的区别详细解析
这篇文章主要介绍了js在IE与FF之间的区别。需要的朋友可以过来参考下，希望对大家有所帮助
2013-11-11
jquery实现select下拉框美化特效代码分享
这篇文章主要介绍了jquery实现select下拉框美化特效,实现效果简洁大方，推荐给大家，有需要的小伙伴可以参考下。
2015-08-08
Javascript 键盘keyCode键码值表
Javascript 键盘keyCode键码值表，需要的朋友可以保存一份。
2009-12-12

图片预载入

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具