无法获得LazyLoad和onError的一个图像

Question

我有我的网页上的一些图像上一起工作：

<img src="http://www.abc/images/abc.jpg" /> 

如果图像无法加载（因为abc.jpg不存在，例如） ，然后我展示一个“默认”的图像，而不是：

<img src="http://www.abc/images/abc.jpg" onerror="this.src='http://www.abc/images/default.jpg'" /> 

如果我添加LazyLoad到我的形象和加载更加轻便默认图像，就变成：

<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：默认图像很重，所以我想避免将它作为默认图像加载。

Answer 1

在lazyload js中使用“出现”选项。当图像是在视口avaible由数据原来使用懒惰负载JS下面的代码用于在误差图像的src装载

appear: function(ele,settings) 
{ 
    $(ele).attr("src",$(ele).attr("data-original")); 
} 

该功能替换SRC。如果数据原始图像url未加载，则会加载错误图像。