本文最后更新于2022年7月10日，已超过 1 年没有更新，如果文章内容失效，请 反馈 给我们，谢谢！
现在都什么年代了你还在用框架式的网站？完全没有feel……今天来说下，利用lazyload来延时加载网站内的所有图片，让网站炫起来！
第一步：在网站头部引用lazyload，可以把lazyload文件下载下来也可以直接在各大公共库中引用，这里以百度演示。
第一步：在网站头部引用lazyload，可以把lazyload文件下载下来也可以直接在各大公共库中引用，这里以百度演示。
<script src="http://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.js" type="text/javascript"></script>
注意：不可以放在底部哦，一定要放在站内需要延时加载图片的上方。
第二步：在网站所有图片中指定要延时加载的图片，这里以织梦系统的网站为例：
<img class="lazy" data-original="[field:first_imgurl/]" src="[field:litpic/]"/>
说明：上面就是把图片指定到lazy样式中，“data-original”一定要是网站真实要显示的图片地址。
第三步：在网站底部加入以下代码，恰恰和第一步相反：
<script type="text/javascript">
$("img.lazy").lazyload({
effect : "fadeIn"
});
</script>
好了到这里就结束了，提醒一点如果空间比较拮据就使用第三方公共库，不要使用360的哦，其它我就不说了首先之前说的多少多少G又多少多少T永久使用的云盘现在关了，之前又说的公共库方便站长使用现在已停了，好像这段时间又可以用了如此反复无常的大妖怪还是远离为妙。
版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA 协议进行授权 , 转载请注明 出处！
签到成功！签到时间：2017-10-11 16:45:59，每日打卡，生活更精彩哦~