摘要：
使用lazyload延迟加载js图像的作用是为用户提供良好的浏览体验，同时减轻服务器的压力。当用户浏览到图像时，他们会加载图像。在项目中使用延迟加载时，需要将图像添加到数据重要属性中，以指示图像的路径。然而，当前项目使用用户自己编辑的内容，这些内容无法修改，因此，该功能只能通过在浏览时添加一节js来实现。将所有文档内容写入页面后，执行js$（“
使用lazyload.js图片懒加载的作用是给用户一个好的浏览体验,同时对服务器减轻了压力,当用户浏览到该图片的时候再对图片进行加载,项目中使用lazyload的时候需要将图片加入data-orginal的属性表明图片的路径,但是目前在做的项目中使用的是用户自己编辑的内容,不能对这些内容做修改,于是只能是在浏览的时候用js多加一段操作实现这个功能了,
在文档内容全部写入到页面之后,执行一段js
$(".content img").each(function (index, el) {
var oImgSrc = $(this).attr("src");
$(this).attr("src", "").attr("data-original", function () {
return oImgSrc;
}); //判断src是否为空，为空添加加载的loading背景图
if ($(this).attr("src").length == 0) {
$(this).parent().css({
"background": "url(images/loading.gif) no-repeat center center",
"background-size": "20px 20px"
});
} else {
$(this).parent().removeAttr("style");
};
});该段js的功能就是在将该内容插入到html里面之后,将所有的图片标签加入data-orginal属性,同时对他的父标签添加loading动画,最后在调用lazyload的方法,就能实现完整的功能了.