快捷導(dǎo)航

圖片預(yù)載入第2/3頁

更新時間：2006年10月03日 00:00:00 作者：

使用：

var loader = new ImageLoader(ClassName,Options);

的形式創(chuàng)建該對象。

其中：

loader ：為 JavaScript 變量名；

ClassName ： String 型：為 loader 在 JavaScript 中的表達(dá)。如果是在任何函數(shù)之外創(chuàng)建該對象，請直接賦以該變量的字符串形式，如對應(yīng)loader 為"loader" ; 如果是某個函數(shù)體內(nèi)，仍然賦以該變量的字符串形式，但是創(chuàng)建的變量名請使用 window.loader 的形式。

Options   ： Object 型，下列屬性是支持的：
                Timeout ： Integer，可選。取值為1-100000,單位毫秒。非正整數(shù)表示不采用。此為一個圖片的最大載入時間，如果提供這個參數(shù)，則某個圖片不能正常下載時，可以跳過繼續(xù)下載另一個圖片。否則將一直等到該圖片下載完成為止。
                func      ： Function / String，必須。當(dāng)所有圖片載入之后調(diào)用的函數(shù)，通常是一個顯示這些圖片功能的函數(shù)。如果不提供這個函數(shù)，則整個機(jī)制將變得毫無作用。 Function型的參數(shù)會直接調(diào)用，String型的參數(shù)會當(dāng)作JavaScript 語句來運(yùn)行。
                display   ：String / Object，可選。此為顯示當(dāng)前載入圖片的DOM對象，該對象應(yīng)該支持innerHTML屬性。當(dāng)提供此參數(shù)為String 時，會被當(dāng)作DOM對象的 id 來處理，若 Object 型，則直接當(dāng)作一個DOM對象。提供其他類型沒有效果。
                process  ：String / Object，可選。此為以百分?jǐn)?shù)顯示當(dāng)前載入進(jìn)度的DOM對象，該對象應(yīng)該支持innerHTML屬性。當(dāng)提供此參數(shù)為String 時，會被當(dāng)作DOM對象的 id 來處理，若 Object 型，則直接當(dāng)作一個DOM對象。提供其他類型沒有效果。
見下列示范:

復(fù)制代碼代碼如下:

//在所有函數(shù)之外時 
//function final(){...}; 
function $(par){ 
    return document.getElementById(par) 
} 

var MyLoader = new ImageLoader("MyLoader ",{Timeout:1000,func: final,display:"display",process:$("process")}); 


//在某個函數(shù)體內(nèi)時 
function somefunc(){ 
   //... 
   window.MyLoader = new ImageLoader("MyLoader ",{Timeout:1000,func: "alert('fine')",display:"display",process:$("process")}); 
  //... 
} 

方法定義：
Load(paralist) ：載入一系列圖片。完畢后自動調(diào)用 func屬性的內(nèi)容。 paralist，可以是一些字符串的集合（但不要提供一個數(shù)組），各項由 , 隔開。這些字符串應(yīng)該是圖片的url。也可以不提供任何參數(shù)。Load方法將載入預(yù)先設(shè)定好的系列圖片。如果沒有預(yù)先設(shè)定過，則直接調(diào)用 func 屬性的內(nèi)容。若func沒有提供，則沒有任何效果。

復(fù)制代碼代碼如下:

//sample： 
MyLoader.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"); 

//or if pic series is provided. 

MyLoader.Load(); 

setLoadImages(ArrayImages)：設(shè)定要載入的圖片系列。ArrayImages 應(yīng)以數(shù)組的形式提供，數(shù)組的每一個元素都應(yīng)當(dāng)是一個圖片的URL。不接受其他類型的參數(shù)。此方法調(diào)用后并不開始載入圖片。

復(fù)制代碼代碼如下:

//sample： 
MyLoader.setLoadImages(["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"]) 