圖片預載入

更新時間：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   class="ney2ty8"   id="display"></div> <div   class="0nv7uqb"   id="process"></div> <div   class="bp1p6do"   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需再刷新一下頁面才能執(zhí)行]

圖片預載入

layui中的tab控件點擊切換觸發(fā)事件
這篇文章主要介紹了layui中的tab控件點擊切換觸發(fā)事件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
javascript模擬實現(xiàn)計算器
這篇文章主要為大家詳細介紹了javascript模擬實現(xiàn)計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
JavaScript實現(xiàn)點擊按鈕就復制當前網址
在大量的網站都有這樣的功能，當點擊一個按鈕的時候可以復制當前頁面的地址，以此可以方便網站用戶對鏈接的存儲，同時也便于網站的推廣，下面給大家分享具體實現(xiàn)代碼，對js實現(xiàn)點擊按鈕就復制的相關知識感興趣的朋友一起學習吧
2015-12-12
一文了解你不知道的JavaScript生成器篇
ES6引入了一個新的函數(shù)類型，發(fā)現(xiàn)它并不符合這種運行到結束的特性。這類新的函數(shù)被稱為生成器。生成器的出現(xiàn)是我們知道原來有時代碼并不會順利的運行，可以通過暫停的方式進行異步回調，讓我們摒棄了此前的認知。本文就來聊聊JavaScript中生成器的相關知識
2022-11-11
JS文件上傳時如何使用MD5加密
這篇文章主要介紹了JS文件上傳時如何使用MD5加密，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
javascript 鼠標事件總結
javascript的鼠標事件是個比較龐大的家族。需要的朋友可以參考下。
2009-12-12
js上下視差滾動簡單實現(xiàn)代碼
這篇文章主要為大家詳細介紹了js上下視差滾動的簡單實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
javascript從定義到執(zhí)行你不知道的那些事
這篇文章主要介紹了javascript從定義到執(zhí)行，你不知道的那些事，感興趣的小伙伴們可以參考一下
2016-01-01
javaScript中push函數(shù)用法實例分析
這篇文章主要介紹了javaScript中push函數(shù)用法,較為詳細的分析了javascript中push函數(shù)的功能、定義及使用技巧,需要的朋友可以參考下
2015-06-06
js控制再次點擊按鈕之間的間隔時間可防止重復提交
使用js控制再次點擊按鈕之間的間隔時間可防止重復提交,需要的朋友可以參考下
2014-08-08