懒惰加载
来源:互联网 发布:软件内测报告 编辑:程序博客网 时间:2024/04/30 03:20
1.首先下载js插件
jquery.lazyload.js
如何使用
Lazy Load 依赖于 jQuery. 请将下列代码加入HTML的结尾,也就是</body>
前:
1
2
<
script
type
=
"text/javascript"
src
=
"jquery.js"
></
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.lazyload.js"
></
script
>
你必须改变图片的标签。图像的地址必须放在data-original
属性上。给懒加载图像一个特定的class(例如:lazy)。这样你可以很容易地进行图像插件捆绑。代码如下:
1
<
img
class
=
"lazy"
alt
=
""
width
=
"640"
height
=
"480"
data-original
=
"img/example.jpg"
/>
1
2
3
$(
function
() {
$(
"img.lazy"
).lazyload();
});
这将使所有 class 为 lazy
的图片将被延迟加载.
Demo:基本选项
TIPS:这里必须设置图片的width
和height
,否则插件可能无法正常工作。
0 0
- 懒惰加载
- javascript懒惰加载
- 模仿懒惰加载的图片加载方法
- 懒惰
- 懒惰!
- 懒惰
- 懒惰。。。
- 懒惰
- 使用ajax实现移动端懒惰加载
- 关于Spring +springmvc +hibernate oa项目懒惰加载问题
- lazyload.js 懒惰加载框架下载及使用
- dubbo接口懒惰,惰性检查,懒加载,接口检查,服务检查
- 克服懒惰
- 不能懒惰
- 懒惰匹配
- 懒惰净化
- 懒惰因人而异
- 懒惰&忙碌
- Oracle修改表空间大小
- Cookie
- 将文字生成png图片
- Handler消息机制
- GestureDetector中onFling()与onScroll()的区别
- 懒惰加载
- 对称加密算法3DES
- 文件上传
- MyISAM转innoDB 出现的一个小问题
- CALayer 的属性分析(几何及图层关系属性)
- 如何向Github提交代码?
- 知网简介
- 在乌班图下编译C3D
- windows编程实验二