圖片預(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)文章
JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析
這篇文章主要介紹了JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問(wèn)題分析,當(dāng)在 JavaScript 中從數(shù)組中刪除元素時(shí),使用 splice 方法時(shí)需要謹(jǐn)慎,本文給大家詳細(xì)講解,需要的朋友可以參考下2023-04-04使用JavaScript構(gòu)建JSON格式字符串實(shí)現(xiàn)步驟
這篇文章將幫助你使用javascript來(lái)創(chuàng)建json格式字符串如果你需要通過(guò)web項(xiàng)目來(lái)構(gòu)建json格式字符串的響應(yīng),感興趣的各位可以參考下哈,希望可以幫助到你2013-03-03javacript使用break內(nèi)層跳出外層循環(huán)分析
這篇文章主要介紹了javacript使用break內(nèi)層跳出外層循環(huán)的用法,以實(shí)例形式對(duì)比分析了循環(huán)跳出break語(yǔ)句的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)帶按鈕的上下滾動(dòng)效果,設(shè)計(jì)javascript鼠標(biāo)事件及頁(yè)面元素樣式的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05JavaScript實(shí)現(xiàn)倒計(jì)時(shí)代碼段Item1(非常實(shí)用)
現(xiàn)今團(tuán)購(gòu)網(wǎng)、電商網(wǎng)、門(mén)戶(hù)網(wǎng)等,常使用時(shí)間記錄重要的時(shí)刻,如時(shí)間顯示、倒計(jì)時(shí)差、限時(shí)搶購(gòu)等,本文分析不同倒計(jì)時(shí)效果的計(jì)算思路及方法,掌握日期對(duì)象Date,獲取時(shí)間的方法,計(jì)算時(shí)差的方法,實(shí)現(xiàn)不同的倒時(shí)計(jì)效果2015-11-11jquery實(shí)現(xiàn)select下拉框美化特效代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)select下拉框美化特效,實(shí)現(xiàn)效果簡(jiǎn)潔大方,推薦給大家,有需要的小伙伴可以參考下。2015-08-08