圖片預(yù)載入第2/3頁(yè)
更新時(shí)間:2006年10月03日 00:00:00 作者:
使用:
復(fù)制代碼 代碼如下:
var loader = new ImageLoader(ClassName,Options);
的形式創(chuàng)建該對(duì)象。
其中:
loader : 為 JavaScript 變量名;
ClassName : String 型: 為 loader 在 JavaScript 中的表達(dá)。 如果是在任何函數(shù)之外創(chuàng)建該對(duì)象,請(qǐng)直接賦以該變量的字符串形式,如對(duì)應(yīng)loader 為"loader" ; 如果是某個(gè)函數(shù)體內(nèi),仍然賦以該變量的字符串形式,但是創(chuàng)建的變量名請(qǐng)使用 window.loader 的形式。
Options : Object 型,下列屬性是支持的:
Timeout : Integer,可選。取值為1-100000,單位毫秒。非正整數(shù)表示不采用。此為一個(gè)圖片的最大載入時(shí)間,如果提供這個(gè)參數(shù),則某個(gè)圖片不能正常下載時(shí),可以跳過(guò)繼續(xù)下載另一個(gè)圖片。否則將一直等到該圖片下載完成為止。
func : Function / String,必須。當(dāng)所有圖片載入之后調(diào)用的函數(shù),通常是一個(gè)顯示這些圖片功能的函數(shù)。如果不提供這個(gè)函數(shù),則整個(gè)機(jī)制將變得毫無(wú)作用。 Function型的參數(shù)會(huì)直接調(diào)用,String型的參數(shù)會(huì)當(dāng)作JavaScript 語(yǔ)句來(lái)運(yùn)行。
display :String / Object,可選。此為顯示當(dāng)前載入圖片的DOM對(duì)象,該對(duì)象應(yīng)該支持innerHTML屬性。 當(dāng)提供此參數(shù)為String 時(shí),會(huì)被當(dāng)作DOM對(duì)象的 id 來(lái)處理,若 Object 型,則直接當(dāng)作一個(gè)DOM對(duì)象。提供其他類(lèi)型沒(méi)有效果。
process :String / Object,可選。此為以百分?jǐn)?shù)顯示當(dāng)前載入進(jìn)度的DOM對(duì)象,該對(duì)象應(yīng)該支持innerHTML屬性。 當(dāng)提供此參數(shù)為String 時(shí),會(huì)被當(dāng)作DOM對(duì)象的 id 來(lái)處理,若 Object 型,則直接當(dāng)作一個(gè)DOM對(duì)象。提供其他類(lèi)型沒(méi)有效果。
見(jiàn)下列示范:
復(fù)制代碼 代碼如下:
//在所有函數(shù)之外時(shí)
//function final(){...};
function $(par){
return document.getElementById(par)
}
var MyLoader = new ImageLoader("MyLoader ",{Timeout:1000,func: final,display:"display",process:$("process")});
//在某個(gè)函數(shù)體內(nèi)時(shí)
function somefunc(){
//...
window.MyLoader = new ImageLoader("MyLoader ",{Timeout:1000,func: "alert('fine')",display:"display",process:$("process")});
//...
}
方法定義:
Load(paralist) :載入一系列圖片。完畢后自動(dòng)調(diào)用 func屬性的內(nèi)容。 paralist,可以是一些字符串的集合(但不要提供一個(gè)數(shù)組),各項(xiàng)由 , 隔開(kāi)。這些字符串應(yīng)該是圖片的url。也可以不提供任何參數(shù)。Load方法將載入預(yù)先設(shè)定好的系列圖片。如果沒(méi)有預(yù)先設(shè)定過(guò),則直接調(diào)用 func 屬性的內(nèi)容。若func沒(méi)有提供,則沒(méi)有任何效果。
復(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ù)組的每一個(gè)元素都應(yīng)當(dāng)是一個(gè)圖片的URL。不接受其他類(lèi)型的參數(shù)。此方法調(diào)用后并不開(kāi)始載入圖片。
復(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"])
相關(guān)文章
layui中的tab控件點(diǎn)擊切換觸發(fā)事件
這篇文章主要介紹了layui中的tab控件點(diǎn)擊切換觸發(fā)事件,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06
javascript模擬實(shí)現(xiàn)計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript模擬實(shí)現(xiàn)計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制當(dāng)前網(wǎng)址
在大量的網(wǎng)站都有這樣的功能,當(dāng)點(diǎn)擊一個(gè)按鈕的時(shí)候可以復(fù)制當(dāng)前頁(yè)面的地址,以此可以方便網(wǎng)站用戶(hù)對(duì)鏈接的存儲(chǔ),同時(shí)也便于網(wǎng)站的推廣,下面給大家分享具體實(shí)現(xiàn)代碼,對(duì)js實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
js上下視差滾動(dòng)簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了js上下視差滾動(dòng)的簡(jiǎn)單實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
javascript從定義到執(zhí)行 你不知道的那些事
這篇文章主要介紹了javascript從定義到執(zhí)行,你不知道的那些事,感興趣的小伙伴們可以參考一下2016-01-01
javaScript中push函數(shù)用法實(shí)例分析
這篇文章主要介紹了javaScript中push函數(shù)用法,較為詳細(xì)的分析了javascript中push函數(shù)的功能、定義及使用技巧,需要的朋友可以參考下2015-06-06
js控制再次點(diǎn)擊按鈕之間的間隔時(shí)間可防止重復(fù)提交
使用js控制再次點(diǎn)擊按鈕之間的間隔時(shí)間可防止重復(fù)提交,需要的朋友可以參考下2014-08-08

