Lozad.js 简单使用
GayHub位置:https://github.com/ApoorvSaxena/lozad.js
导入:
<script type="text/javascript" src="http://www.trancemelody.cn/bigi/js/lozad-v1.4.0.js"></script>
简单使用方式:
In HTML, add an identifier to the element (default selector identified is lozad class):
<img id="all" class="lozad" data-src="http://www.trancemelody.cn/bigi/images/enjoy/enjoy_v01-01_1_1.jpg" />
All you need to do now is just instantiate Lozad as follows:
const observer = lozad(); // lazy loads elements with default selector as '.lozad'
observer.observe();
更新图片简单方式:
$("#all").attr("data-src","http://www.trancemelody.cn/bigi/images/enjoy/enjoy_v01-01_1_2.jpg");
$("#all").attr("data-loaded","false");
observer.observe();
The "data-loaded"="true" attribute is used by lozad to determine if an element has been previously loaded.
最新文章
- 一个简单的网站web项目的详解
- mybatis Generator生成代码及使用方式
- 要将 ASP.NET 访问权限授予某个文件,请在资源管理器中右击该文件,选择“属性”,然后选择“安全”选项卡。单击“添加”添加适当的用户或组。突出显示 ASP.NET 帐户,选中所需访问权限对应的框。
- DataGridView复选框实现全选功能,并取被选中的某行某列的值(三)
- #Leet Code# Permutation
- javaweb学习总结(四十一)——Apache的DBUtils框架学习
- jquery 属性与css操作
- Unity性能优化
- BZOJ 1189: [HNOI2007]紧急疏散evacuate( BFS + 二分答案 + 匈牙利 )
- 1.3.1. 新建Xcode项目并设置故事板(Core Data 应用程序实践指南)
- 关于 Node.js 的认证方面的教程(很可能)是有误的
- [JS]Math.random()
- 小技巧-WEB API第一次加载很慢
- Java核心技术梳理-集合
- Android--MP3播放器MediaPlayer
- Linux系统的数据写入机制--延迟写入
- Egret的Shape
- django从零开始-视图
- net core体系-1概要
- Android:Unable to find explicit activity class
热门文章
- Google - Reconstruct To Chain
- 嵌入式Linux内核tasklet机制(附实测代码)
- Git 2.x 中git push时遇到 push.default 警告的解决方法
- Red-Gate.NET.Reflector.v8.0.1.308(内含注册机Keygen与注册图解)
- 执行sql语句为什么?用PreparedStatement要比Statement好用
- [转][C#]程序的动态编译
- springBoot 整合mybaits 逆向工程
- 未预期的符号 `$&#39;{\r&#39;&#39; 附近有语法错误
- python3 re.compile中含有变量
- leetcode322