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

