https://github.com/jawil/lazyimages
基于ES6的轻量级，高性能，简便的图片懒加载 🐈
https://github.com/jawil/lazyimages
es6 javascript js lazy lazy-loading lazyload-images plugin
Last synced: 2 months ago
JSON representation
基于ES6的轻量级，高性能，简便的图片懒加载 🐈
- Host: GitHub
- URL: https://github.com/jawil/lazyimages
- Owner: jawil
- Created: 2017-02-24T15:47:28.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-30T16:03:24.000Z (about 8 years ago)
- Last Synced: 2025-04-14T01:03:45.413Z (2 months ago)
- Topics: es6, javascript, js, lazy, lazy-loading, lazyload-images, plugin
- Language: JavaScript
- Homepage:
- Size: 67.4 KB
- Stars: 42
- Watchers: 3
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### 基于ES6的轻量级，高性能，简单的图片懒加载插件
>[http://codepen.io/jawil/full/EWJRMN/](http://codepen.io/jawil/full/EWJRMN/)
```text
* [lazyImage plugin]
* 基于ES6的轻量级，高性能，简单的图片懒加载插件
* @Author jawil
* @date 2017-05-22
* @param {object} 插件配置参数
```
#### 示例：
```JavaScript
// 默认配置
new Lazy({
containerId: window, //图片顶层容器
offset: 100, //在定义可视区的范围内开始加载
throttle: 250, //250ms触发一次元素scroll时间，函数节流防抖
unload: false, //一旦图片不在可视区就移除已经加载的图片
callback: function(element, op) { //图片加载完成之后的回调函数
//doSomething
})
```
#### 效果图
图片有点大，稍等片刻。建议上面Demo效果预览地址进行预览。
