All Projects → chokcoco → imgLazyLoad

chokcoco / imgLazyLoad

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

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].