js前端实现图片懒加载(lazyload)的步骤方式

    '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容器混乱的时候可能出现可见区域内图片并没加载出来的情况

　　　　　　　　});

　　　　　　});