最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery lazyload实现页面图片延迟加载
时间:2014-04-03 编辑:简简单单 来源:一聚教程网
当一个页面图片较多时,页面整体的数据就会比较大,一次load完再展示,页面打开会显得比较慢,延迟加载就是在浏览器在解析HTML时不对图片进行加载,当页面打开后,监控滚动条对本屏图片进行逐个载入,这样可以将一个页面数据请求分散为多个,大大减少一次请求load数据的时间,从而提高页面的加载速度。
借助 jquery lazyload插件可以轻松实现延迟加载,调用方式如下:
引入jquery和jquery lazyload插件:
代码如下 | 复制代码 |
|
图片标签处理:
代码如下 | 复制代码 |
在页面加载完成后调用:
代码如下 | 复制代码 |
jquery lazyload插件github地址:https://github.com/tuupola/jquery_lazyload
相关文章
- jquery lazyload插件代码实现页面图片延迟加载 07-01
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31