Html Can';不要让LazyLoad和onerror一起处理图像
我的页面上有一些图像:Html Can';不要让LazyLoad和onerror一起处理图像,html,image,onerror,jquery-lazyload,Html,Image,Onerror,Jquery Lazyload,我的页面上有一些图像: <img src="http://www.abc/images/abc.jpg" /> 如果我向图像中添加并加载更轻量级的默认图像,它将变成: <img class="lazy" data-original="http://www.abc/images/abc.jpg" src="http://www.abc/images/graydefault.jpg" onerror="this.src='http://www.
<img src="http://www.abc/images/abc.jpg" />
如果我向图像中添加并加载更轻量级的默认图像,它将变成:
<img
class="lazy"
data-original="http://www.abc/images/abc.jpg"
src="http://www.abc/images/graydefault.jpg"
onerror="this.src='http://www.abc/images/default.jpg'" />
现在,当页面加载时,它将首先加载轻量级图像,然后再加载实际图像
但是如果实际图像不存在会发生什么呢?轻量级默认映像将保留在那里,但这不是我想要的:
如果出现错误,如何加载默认图像(default.jpg
)?
PS:默认图像很重,所以我希望避免将其作为默认图像加载。在lazyload js中使用“显示”选项。在lazy load js中使用以下代码进行错误图像src加载
appear: function(ele,settings)
{
$(ele).attr("src",$(ele).attr("data-original"));
}
当图像在视图端口中可用时,此函数将src替换为原始数据。如果未加载数据原始图像url,则加载错误图像。应该是
@MinNaingOo不理解u?应该是。不是尝试lazy load xt,它支持可选的错误处理程序。@MinNaingOo感谢buddy,但它在代码i用户SRC:)中键入了错误
appear: function(ele,settings)
{
$(ele).attr("src",$(ele).attr("data-original"));
}