jquery預(yù)加載圖片的方法
本文實(shí)例講述了jquery預(yù)加載圖片的方法。分享給大家供大家參考。具體如下:
這段代碼可以在頁面打開前對(duì)圖片進(jìn)行預(yù)加載,這個(gè)函數(shù)非常有用,可以給用戶帶來更好的體驗(yàn)。
function preloadImages(oImageList, callback) { if ( typeof (oImageList) == 'object' && typeof (callback) === "function") { var iCallbackAfter = oImageList.length; var iPreloadInterval = window.setInterval(function() { if (iCallbackAfter === 0) { window.clearInterval(iPreloadInterval); callback(); } }, 100); $.each(oImageList, function(iIndex, sImage) { oImageList[iIndex] = new Image(); oImageList[iIndex].onload = function(oResult) { iCallbackAfter--; }; oImageList[iIndex].onabort = function(oResult) { console.log(oResult); }; oImageList[iIndex].onerror = function(oResult) { console.log(oResult); }; if (!sImage.match('http://')) { sImage = sImage; } oImageList[iIndex].src = sImage; }); } }
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- JavaScript資源預(yù)加載組件和滑屏組件的使用推薦
- 理解Javascript圖片預(yù)加載
- jquery實(shí)現(xiàn)圖片預(yù)加載
- jQuery簡(jiǎn)單實(shí)現(xiàn)圖片預(yù)加載
- jQuery實(shí)現(xiàn)預(yù)加載圖片的方法
- Jquery實(shí)現(xiàn)圖片預(yù)加載與延時(shí)加載的方法
- js中Image對(duì)象以及對(duì)其預(yù)加載處理示例
- 利用CSS、JavaScript及Ajax實(shí)現(xiàn)高效的圖片預(yù)加載
- javascript預(yù)加載圖片、css、js的方法示例介紹
- JS實(shí)現(xiàn)圖片預(yù)加載無需等待
- jQuery預(yù)加載圖片常用方法
- js預(yù)加載圖片方法匯總
- 解析預(yù)加載顯示圖片藝術(shù)
相關(guān)文章
使用jQuery+HttpHandler+xml模擬一個(gè)三級(jí)聯(lián)動(dòng)的例子
昨天同學(xué)問我有關(guān)如何快速讀取多層級(jí)xml文件的問題,于是我就使用省、市、縣模擬了一個(gè)三級(jí)聯(lián)動(dòng)的例子,客戶端使用jQuery實(shí)現(xiàn)異步加載服務(wù)器返回的json數(shù)據(jù),服務(wù)器端則使用XPath表達(dá)式查詢數(shù)據(jù)。2011-08-08淺談jQuery中Ajax事件beforesend及各參數(shù)含義
下面小編就為大家?guī)硪黄獪\談jQuery中Ajax事件beforesend及各參數(shù)含義。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12jquery.cookie實(shí)現(xiàn)的客戶端購物車操作實(shí)例
這篇文章主要介紹了jquery.cookie實(shí)現(xiàn)的客戶端購物車操作,結(jié)合實(shí)例形式分析了jQuery基于cookie存儲(chǔ)及操作數(shù)據(jù)實(shí)現(xiàn)購物車功能的技巧,需要的朋友可以參考下2015-12-12jquery ajax提交表單數(shù)據(jù)的兩種實(shí)現(xiàn)方法
貌似AJAX越來越火了,作為一個(gè)WEB程序開發(fā)者要是不會(huì)這個(gè)感覺就要落伍,甚至有可能在求職的時(shí)候?qū)冶惶蕴?。我也是一個(gè)WEB程序開發(fā)者,當(dāng)然我也要“隨波逐流”一把,不然飯碗不保??!2010-04-04當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)跟隨鼠標(biāo)顯示放大的圖片效果
當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí),跟隨鼠標(biāo)顯示放大顯示的圖片,具體效果情況截圖,另附送源碼,感興趣的朋友可以學(xué)習(xí)下哈2013-06-06