1.引入  jquery.lazyload.js

  1. 延时加载的法 

<script type=”text/javascript”> 
  $(function() { 
    $(“img”).lazyload({ 
    effect : “fadeIn” 
   }); 
  }); 
  </script> 

3. 把阀值设置成200 意思就是当图片并未观望前面先load 200像从。

  $(“img”).lazyload({ threshold : 200 });

 

  1.  通过设置占位符图片和于自然事件来点加载图片事件。如 event :sporty 和
    event : foobar。默认情况下处于等候状态, 直到用户滚动到窗口达到图片所在位置. 在灰色占位图片为点击之前阻止加载图片。

  $(“img”).lazyload({    
    placeholder : “img/grey.gif”,    
    event : “click”   
    }); 

5.
 带滚动条的 DIV 元素. 你而召开的就是拿容器定义为 jQuery 对象并视作参数传到初始化方法里面.

  CSS:
  #container {    
  height: 600px;    
  overflow: scroll;    
  }   

  JavaScript 代码:
  $(“img”).lazyload({    
  placeholder : “img/grey.gif”,    
  container: $(“#container”)    
  });  

 

相关文章

网站地图xml地图