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

        });

      });