快捷導(dǎo)航

jquery預(yù)加載圖片的方法

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

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

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

這段代碼可以在頁面打開前對圖片進(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;
  });
 }
}

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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