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.

最新文章

  1. 一个简单的网站web项目的详解
  2. mybatis Generator生成代码及使用方式
  3. 要将 ASP.NET 访问权限授予某个文件,请在资源管理器中右击该文件,选择“属性”,然后选择“安全”选项卡。单击“添加”添加适当的用户或组。突出显示 ASP.NET 帐户,选中所需访问权限对应的框。
  4. DataGridView复选框实现全选功能,并取被选中的某行某列的值(三)
  5. #Leet Code# Permutation
  6. javaweb学习总结(四十一)——Apache的DBUtils框架学习
  7. jquery 属性与css操作
  8. Unity性能优化
  9. BZOJ 1189: [HNOI2007]紧急疏散evacuate( BFS + 二分答案 + 匈牙利 )
  10. 1.3.1. 新建Xcode项目并设置故事板(Core Data 应用程序实践指南)
  11. 关于 Node.js 的认证方面的教程(很可能)是有误的
  12. [JS]Math.random()
  13. 小技巧-WEB API第一次加载很慢
  14. Java核心技术梳理-集合
  15. Android--MP3播放器MediaPlayer
  16. Linux系统的数据写入机制--延迟写入
  17. Egret的Shape
  18. django从零开始-视图
  19. net core体系-1概要
  20. Android:Unable to find explicit activity class

热门文章

  1. Google - Reconstruct To Chain
  2. 嵌入式Linux内核tasklet机制(附实测代码)
  3. Git 2.x 中git push时遇到 push.default 警告的解决方法
  4. Red-Gate.NET.Reflector.v8.0.1.308(内含注册机Keygen与注册图解)
  5. 执行sql语句为什么?用PreparedStatement要比Statement好用
  6. [转][C#]程序的动态编译
  7. springBoot 整合mybaits 逆向工程
  8. 未预期的符号 `$&#39;{\r&#39;&#39; 附近有语法错误
  9. python3 re.compile中含有变量
  10. leetcode322