Skip to content

基于ES6的轻量级,高性能,简便的图片懒加载 🐈

Notifications You must be signed in to change notification settings

chongkeyubing/lazyImages

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

基于ES6的轻量级,高性能,简单的图片懒加载插件

http://codepen.io/jawil/full/EWJRMN/

 * [lazyImage plugin]
 * 基于ES6的轻量级,高性能,简单的图片懒加载插件
 * @Author  jawil
 * @date    2017-05-22
 * @param   {object}   插件配置参数

示例:

// 默认配置
new Lazy({
       containerId: window, //图片顶层容器
       offset: 100, //在定义可视区的范围内开始加载
       throttle: 250, //250ms触发一次元素scroll时间,函数节流防抖
       unload: false, //一旦图片不在可视区就移除已经加载的图片
       callback: function(element, op) { //图片加载完成之后的回调函数
           //doSomething
       })

效果图

图片有点大,稍等片刻。建议上面Demo效果预览地址进行预览。

About

基于ES6的轻量级,高性能,简便的图片懒加载 🐈

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%