jquery預加載圖片的方法
更新時間：2015年05月27日 17:09:57 作者：不吃皮蛋
這篇文章主要介紹了jquery預加載圖片的方法,涉及jQuery操作圖片的相關技巧,需要的朋友可以參考下
本文實例講述了jquery預加載圖片的方法。分享給大家供大家參考。具體如下：
這段代碼可以在頁面打開前對圖片進行預加載，這個函數(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程序設計有所幫助。
相關文章
基于jQuery實現(xiàn)帶動畫效果超炫酷的彈出對話框(附源碼下載)
這是一款基于jQuery的彈出對話框插件，這個jQuery對話框插件的最大特點是彈出和關閉都帶有非常炫酷的動畫特效,需要的朋友參考下吧2016-02-02
JQuery插件ajaxfileupload.js異步上傳文件實例
這篇文章主要介紹了JQuery插件ajaxfileupload.js異步上傳文件實例,本文直接給出了HTML代碼和JS代碼以及后臺處理代碼,需要的朋友可以參考下2015-05-05
本文通過具體的實例向我們簡單介紹了jQuery的事件委托的實現(xiàn)方式，十分的簡單實用，有需要的小伙伴可以參考下。2015-07-07
jquery.fileEveryWhere.js 一個跨瀏覽器的file顯示插件
大牛ppk都說過，在從多表單控件中，上傳文件控件的樣式是最難以控制的。見文章Styling an input type="file"。本插件也多是參考此文2011-10-10
基于jquery的時間段實現(xiàn)代碼，需要的朋友可以參考下2012-08-08
jQuery UI是一套非常好用的jQuery Tools庫，目前已經(jīng)發(fā)布的最新版本是1.8.4。在我自己的使用過程中，總有一些不爽。因為我下載的那個包里默認的主題樣式是下圖這樣的，使用起來很難和具體的網(wǎng)頁風格去配合。2010-09-09
下面小編就為大家?guī)硪黄猠asyui導出excel無法彈出下載框的快速解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jQuery 操作 HTML 元素和屬性的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了基于jquery實現(xiàn)瀑布流布局的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
JQuery統(tǒng)計input和textarea文字輸入數(shù)量(代碼分享)
本文主要介紹了jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法，具有一定的參考價值，需要的朋友一起來看下吧2016-12-12