提供免费建站素材,建站图片,网站源码,js代码,网站模板,网站插件工具
当前位置:主页>>JS特效>>图片特效>>

懒人原生修改懒加载图片(等比例缩放,适用于图

2016-05-11 22:24 来源:未知 编辑:管理员


效果描述:
现在图片懒加载已经不是什么问题的,关键是碰到各种不规则的图片后如何处理
这样很容易出现变形
最好的解决办法是用背景图片,但这样如何继续让图片带有懒加载功能呢?
今天懒人站长特意整理了一下,默认让图片指向1px大小的图片,真正的图片不在当前窗口内的不加载
当图片出现在当前窗口内,真正的图片加载成背景图片,同时按照比例缩放,直至100%实用本图片,上下左右保持居中显示
缺点:使用此插件,必须事先指定图片的宽度以及高度
使用方法:
1、将head中的样式引入到你的网页中
2、将body里的代码部分拷贝到你需要的地方即可
(注意保持图片路径正确)
在线预览 推广网址赚积分 文件大小:0.10 MB 下载次数: 所属分类:图片特效
☉推荐使用迅雷或快车等多线程下载软件下载本站资源。
☉未登录会员无法下载,登录后可获得更多便利功能,如未注册,请先
注册
☉如果服务器暂不能下载请稍后重试!总是不能下载,请
点我报错,谢谢合作!
☉本站所有资源(包括模板、素材、软件、字体等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加建站厅交流(1871720801)进行交流。 

☉人民币与金币率为1比1,即1元=1金.有任何疑问请联系客服!
返回首页
扫描微信
返回顶部