imgLazyLoad icon indicating copy to clipboard operation
imgLazyLoad copied to clipboard

原生JS实现的图片懒加载插件,默认加载首屏图片,支持动态添加,滚动防抖(250ms)

trafficstars

imgLazyLoad

原生JS实现的图片懒加载插件,默认加载首屏图片,滚动防抖(250ms)

Features

  • 支持动态添加的图片也懒加载

  • 采用了滚动防抖优化(250ms)

Usage

  • 给需要懒加载的 img 图片添加 imgLazyLoad 类名

  • 图片真正的 src 放置于 data-original 标签内

<img class='imgLazyLoad' data-original='www.bar.com/foo.jpg'>
  // 初始化
  var lazyLoad = new imgLazyLoad();
  // 如若动态添加的图片也需要懒加载 , arr 为动态添加的图片数组的 DOM 对象
  lazyLoad.dynamic(arr);

Supports

  • 支持 IE7+

MIT

License