摘要
下载地址: 点击下载 效果描述： 现在图片懒加载已经不是什么问题的，关键是碰到各种不规则的图片后如何处理 这样很容易出现变形 最好的解决办法是用背景图片，但这样如何继续让图片带有懒加载功能呢？ 今天懒人站长特意整理了一下，默认让图片指向1px大小的图片，真正的图片不在当前窗口内的不加载 当图片出现在当前窗口内，真正的图片加…
正文
下载地址: 点击下载
效果描述：
现在图片懒加载已经不是什么问题的，关键是碰到各种不规则的图片后如何处理
这样很容易出现变形
最好的解决办法是用背景图片，但这样如何继续让图片带有懒加载功能呢？
今天懒人站长特意整理了一下，默认让图片指向1px大小的图片，真正的图片不在当前窗口内的不加载
当图片出现在当前窗口内，真正的图片加载成背景图片，同时按照比例缩放，直至100%实用本图片，上下左右保持居中显示
缺点：使用此插件，必须事先指定图片的宽度以及高度
使用方法：
1、将head中的样式引入到你的网页中
2、将body里的代码部分拷贝到你需要的地方即可
(注意保持图片路径正确)
关注不迷路
扫码下方二维码，关注宇凡盒子公众号，免费获取最新技术内幕！
温馨提示：如果您访问和下载本站资源，表示您已同意只将下载文件用于研究、学习而非其他用途。
评论0