LazyloadImg.js 2.0 轻量级移动端图片懒加载插件(2016.4.30号更新)
LazyloadImg 原生js开发,不依赖任何框架或库, 支持将各种宽高不一致的图片,自动剪切成默认图片的宽高。比如说你的默认图片是一张正方形的图片,则各种宽度高度不一样的图片,自动剪切成正方形。 完美解决移动端开发中,用户上传图片宽高不一致而导致的图片变形的问题。 简洁的API,让你分分钟入门!!! 移步github下载:https://github.com/1340641314/LazyloadImg
快速入门
new LazyloadImg({
el: '[data-src]', //匹配元素
top: 50, //元素在顶部伸出长度触发加载机制
right: 50, //元素在右边伸出长度触发加载机制
bottom: 50, //元素在底部伸出长度触发加载机制
left: 50, //元素在左边伸出长度触发加载机制
qriginal: false, // true,自动将图片剪切成默认图片的宽高;false显示图片真实宽高
load: function (el) { //图片加载成功后执行的回调方法,传入一个参数
el.style.cssText += '-webkit-animation: fadeIn 01s ease 0.2s 1 both;animation: fadeIn 1s ease 0.2s 1 both;';
},
error: function (el) { //图片加载失败后执行的回调方法
}
});