jquery插件如何實現懶漢式加載圖片-創新互聯

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

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

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

//file use_img_lazyload.js

///<reference path="jquery-1.7.2.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,  //設為 10 令插件找到 10 個不在可見區域的圖片是才停止搜索. 如果你有一個猥瑣的布局, 請把這個參數設高一點.

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

以上是“jquery插件如何實現懶漢式加載圖片”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

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

本文題目：jquery插件如何實現懶漢式加載圖片-創新互聯
分享路徑：http://m.kartarina.com/article8/cdscip.html

成都網站建設公司_創新互聯，為您提供網站建設、用戶體驗、企業網站制作、定制開發、服務器托管、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯