图片懒加载(图片出现在可视区域再加载)
-
引入相应的js文件
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjs%2Flazeload.js"></script> -
初始化
var x = new lazyLoad();
x.init();
注意:
<img src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fimg%2Fload.jpg" alt="img" lazy-src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fimg%2Fgoods001.jpg" height="640px">
src 属性放预加载的图片,lazy-src放实际展示的图片
- 详细内容见博客地址 博客园地址