利用Echo.js 实现图片延迟加载
来源:互联网 发布:海外淘软件怎么样 编辑:程序博客网 时间:2024/05/26 20:20
Echo.js 使用了 HTML5 的 date 属性,并且需要获取该属性的值,所以它并不兼容 IE6、IE7。虽然 Lazy Load 也使用了 HTML5 的 date 属性,但它获取值的方法不一样。
使用方法
1、引入文件<script src="js/echo.min.js"></script>
<img src="images/blank.gif" alt="pic" data-echo="img/pic.jpg" width="640" height="480">
blank.gif 是一个 1 x 1 的图片,用做默认图片,data-echo 的属性值是图片的真实地址。同样最好给图片设置宽度和高度,或者在 CSS 中设置也可以,否则似乎很底部很底部的图片才会延迟加载。
3、JavaScript
Echo.init({
offset: 0,
throttle: 0
});
参数
offset 离可视区域多少像素的图片可以被加载throttle 图片延迟多少毫秒加载
0 0
- 利用Echo.js 实现图片延迟加载
- js 图片延迟加载echo.min.js
- JS实现图片延迟加载
- JS实现图片延迟加载
- 延迟加载外部js文件,延迟加载图片(jquery.lazyload.js和echo,js)
- 使用echo.js实现图片懒加载
- js实现图片的延迟加载
- lazyload.js实现图片异步延迟加载
- lazyload.js实现图片延迟加载。
- JS实现图片的延迟加载
- 图像延迟加载库Echo.js
- js图片延迟加载
- js图片延迟加载
- js 延迟加载图片
- js图片延迟加载
- Echo.js – 简单易用的 JavaScript 图片延迟加载插件
- 插件推荐Echo.js 简单易用的图片延迟加载插件
- Js实现延迟加载
- mysql 判断是否是特定db下的table && 实体类转表
- MySQL 触发器
- django settings中的几个设置项
- 研发主管的烦恼:选择KPI还是选择OKR?
- MySQL第一天初识--对数据库和表的增删改查
- 利用Echo.js 实现图片延迟加载
- STM32串口通信校验问题
- itsCoder WeeklyBlog 第五期
- ios - 钥匙串开发(keychain开发)
- 自定义dialog
- 谷歌浏览器的input自动填充出现巨丑的黄色背景解决方案
- Excel批量导入表结构到power designer
- 扩展jquery选择器
- dcm4chee源码解析