下面對(duì)LazyLoad插件的一些參數(shù)進(jìn)行說(shuō)明蝶棋，供使用者做出更貼切的效果绩蜻。
Lazy Load 是一個(gè)用 JavaScript 編寫(xiě)的 jQuery 插件. 它可以延遲加載長(zhǎng)頁(yè)面中的圖片. 在瀏覽器可視區(qū)域外的圖片不會(huì)被載入, 直到用戶(hù)將頁(yè)面滾動(dòng)到它們所在的位置. 這與圖片預(yù)加載的處理方式正好是相反的.
在包含很多大圖片長(zhǎng)頁(yè)面中延遲加載圖片可以加快頁(yè)面加載速度. 瀏覽器將會(huì)在加載可見(jiàn)圖片之后即進(jìn)入就緒狀態(tài). 在某些情況下還可以幫助降低服務(wù)器負(fù)擔(dān).
1,用圖片提前占位
placeholder : “img/grey.gif”,
參數(shù):placeholder,值為某一圖片路徑.此圖片用來(lái)占據(jù)將要加載的圖片的位置,待圖片加載時(shí),占位圖則會(huì)隱藏
2,載入使用何種效果
effect : “fadeIn”,
參數(shù)：effect(特效),值有show(直接顯示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
3,提前開(kāi)始加載
threshold : 200,
參數(shù):threshold,值為數(shù)字,代表頁(yè)面高度.如設(shè)置為200,表示滾動(dòng)條在離目標(biāo)位置還有200的高度時(shí)就開(kāi)始加載圖片,可以做到不讓用戶(hù)察覺(jué).
4,事件觸發(fā)時(shí)才加載
event : “click”,
參數(shù):event,值有click(點(diǎn)擊),mouseover(鼠標(biāo)劃過(guò)),sporty(運(yùn)動(dòng)的),foobar(…).可以實(shí)現(xiàn)鼠標(biāo)莫過(guò)或點(diǎn)擊圖片才開(kāi)始加載,后兩個(gè)值未測(cè)試…
5,對(duì)某容器中的圖片實(shí)現(xiàn)效果
container: $(”#container”),
參數(shù):container,值為某容器.lazyload默認(rèn)在拉動(dòng)瀏覽器滾動(dòng)條時(shí)生效,這個(gè)參數(shù)可以讓你在拉動(dòng)某DIV的滾動(dòng)條時(shí)依次加載其中的圖片
6,圖片排序混亂時(shí)
failurelimit : 10,
參數(shù):failurelimit,值為數(shù)字.lazyload默認(rèn)在找到第一張不在可見(jiàn)區(qū)域里的圖片時(shí)則不再繼續(xù)加載,但當(dāng)HTML容器混亂的時(shí)候可能出現(xiàn)可見(jiàn)區(qū)域內(nèi)圖片并沒(méi)加載出來(lái)的情況,failurelimit意在加載N張可見(jiàn)區(qū)域外的圖片,以避免出現(xiàn)這個(gè)問(wèn)
http://www.w3cways.com/1765.html
