久久96国产精品久久久-久久发布国产伦子伦精品-久久精品国产精品青草-久久天天躁夜夜躁狠狠85麻豆

技術員聯盟提供win764位系統下載,win10,win7,xp,裝機純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當前位置:主頁 > 教程 > 服務器類 >

js前端實現圖片懶加載(lazyload)的步驟方式

來源:技術員聯盟┆發布時間:2017-06-25 18:28┆點擊:

    'jquery',

    'jqueryLazyload'

  ],

  function($){

    $(document).ready(function() {  

      $("img.lazy-load").lazyload({

          effect : "fadeIn", //漸現,show(直接顯示),fadeIn(淡入),slideDown(下拉)

          threshold : 180, //預加載,在圖片距離屏幕180px時提前載入

          event: 'click', // 事件觸發時才加載,click(點擊),mouseover(鼠標劃過),sporty(運動的),默認為scroll(滑動)

          container: $("#container"), // 指定對某容器中的圖片實現效果

          failure_limit:2 //加載2張可見區域外的圖片,lazyload默認在找到第一張不在可見區域里的圖片時則不再繼續加載,但當HTML容器混亂的時候可能出現可見區域內圖片并沒加載出來的情況

        });

      });