這篇文章主要為大家展示了“jquery插件如何實(shí)現(xiàn)懶漢式加載圖片”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery插件如何實(shí)現(xiàn)懶漢式加載圖片”這篇文章吧。

創(chuàng)新互聯(lián)公司自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站制作、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元龍泉做網(wǎng)站,已為上家服務(wù),為龍泉各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

{insert_scripts files='jquery-1.8.3.min.js,jquery.lazyload.js,use_img_lazyload.js'}

//file use_img_lazyload.js

///
function checkbrowse() {
  var ua = navigator.userAgent.toLowerCase();
  var is = (ua.match(/\b(chrome|opera|safari|msie|firefox)\b/) || ['', 'mozilla'])[1];
  var r = '(?:' + is + '|version)[\\/: ]([\\d.]+)';
  var v = (ua.match(new RegExp(r)) || [])[1];
  jQuery.browser.msie = is;
  jQuery.browser.version = v;
  return {  
    'is': jQuery.browser.msie,
    'ver': jQuery.browser.version
  }
}
var public = checkbrowse();
var showeffect = "";
if ((public['is'] == 'msie' && public['ver'] <= 8.0)) {
  showeffect = "show"
} else {
  showeffect = "fadeIn"
}
jQuery(document).ready(function ($) {
  $("img").lazyload({
    placeholder: "themes/1hdshop/p_w_picpaths/p_w_picpaths_lazy_bg1.jpg",
    effect: "show",
    failurelimit: 10,  //設(shè)為 10 令插件找到 10 個(gè)不在可見區(qū)域的圖片是才停止搜索. 如果你有一個(gè)猥瑣的布局, 請(qǐng)把這個(gè)參數(shù)設(shè)高一點(diǎn).

   threshold : 20 ,   //  threshold 為 20 令圖片在距離屏幕 20 像素時(shí)提前加載.  
    skip_invisible : false  //加載隱藏圖片
  })
});

以上是“jquery插件如何實(shí)現(xiàn)懶漢式加載圖片”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站欄目：jquery插件如何實(shí)現(xiàn)懶漢式加載圖片-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://weahome.cn/article/cdscip.html