jquery預加載圖片的方法

更新時間：2015年05月27日 17:09:57 作者：不吃皮蛋

這篇文章主要介紹了jquery預加載圖片的方法,涉及jQuery操作圖片的相關技巧,需要的朋友可以參考下

本文實例講述了jquery預加載圖片的方法。分享給大家供大家參考。具體如下：

這段代碼可以在頁面打開前對圖片進行預加載，這個函數非常有用，可以給用戶帶來更好的體驗。

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