jQuery Lazy Load图片懒加载
2024-08-31 23:52:15
传送门:官网地址,jQuery Lazy Load v1.7.2下载,Github
使用方法:
1.引用js文件
<script src="jquery.js"></script>
<script src="jquery.lazyload.js"></script>
2.修改HTML代码中需要修改的IMG标签
<!--
将真实图片地址写在 data-original 属性中,而 src 属性中的图片换成占位符的图片(例如 1x1 像素的灰色图片或者 loading 的 gif 图片)
添加 class="lazy" 用于区别哪些图片需要延时加载,当然你也可以换成别的关键词,修改的同时记得修改调用时的 jQuery 选择器
添加 width 和 height 属性有助于在图片未加载时占满所需要的空间
-->
<img class="lazy" src="grey.gif" data-original="example.jpg" width="640" heigh="480">
3.调用Lazy Load
$('img.lazy').lazyload();
最新文章
- 使用CocosSharp制作一个游戏 - CocosSharp中文教程
- 设置ubuntu 下git 的用户名和邮箱
- java.lang.NoSuchMethodError: antlr.collections.AST.getLine()I错误解决
- ACM/ICPC 之 BFS-广搜进阶-八数码(经典)(POJ1077+HDU1043)
- min-height for IE6
- OFBiz之SVN下载地址
- Linux下memcached安装与连接
- mac下用命令行解压文件
- 转:CentOS下后台运行Python脚本及关闭脚本的一些操作
- 比酒量|2012年蓝桥杯B组题解析第三题-fishers
- MySQL数据库-表内容操作
- Word,excel开发指南
- initialProps被React-Navigation的navigation属性覆盖解决方案
- Java处理JSON的工具类(List、Map和JSON之间的转换)——依赖jsonlib支持Map嵌套
- HDU 1392 Surround the Trees(几何 凸包模板)
- UVa 1149 装箱
- 记一次异机rman还原后的操作
- 使用javacv录像,同时进行讯飞声纹认证
- java中list、set和map 的区别(转)
- pyhton 自动化pymysql操作mysqldb数据库增删改查封装