Javascript 如果延迟加载图像加载后图像损坏,则设置图像默认值。我是怎么做到的?

Javascript 如果延迟加载图像加载后图像损坏,则设置图像默认值。我是怎么做到的?,javascript,jquery,html,lazy-loading,Javascript,Jquery,Html,Lazy Loading,我无法在加载惰性加载后设置图像默认值 $(文档).ready(函数(){ 函数setDefaultImage(img){ //设置默认值。 img.src=”https://www.google.com/images/srpr/logo11w.png"; } }); 只需将函数声明移出$函数即可。当$中的函数不在窗口上下文中时,html无法访问它。当您将其移出时,您可以使用窗口。setDefaultImage(在控制台中尝试)访问它,因此html //函数setDefaultImage(im

我无法在加载惰性加载后设置图像默认值

$(文档).ready(函数(){
函数setDefaultImage(img){
//设置默认值。
img.src=”https://www.google.com/images/srpr/logo11w.png";
}
});

只需将函数声明移出
$
函数即可。当
$
中的函数不在窗口上下文中时,html无法访问它。当您将其移出时,您可以使用
窗口。setDefaultImage
(在
控制台中尝试)访问它,因此html

//函数setDefaultImage(img){
//设置默认值。
//img.src=”https://www.google.com/images/srpr/logo11w.png";
//}
var errorURL=”https://www.google.com/images/srpr/logo11w.png";
$(“[原始数据]”)。每个(函数(){
变量$this=$(this),
src=$this.attr('data-original');
var img=新图像();
img.onload=函数(){
$this.attr('src',src);
}
img.onerror=函数(){
$this.attr('src',errorURL);
}
img.src=src;
});

错误:

好 啊:
只需将函数声明移出
$
函数即可。当
$
中的函数不在窗口上下文中时,html无法访问它。当您将其移出时,您可以使用
窗口。setDefaultImage
(在
控制台中尝试)访问它,因此html

//函数setDefaultImage(img){
//设置默认值。
//img.src=”https://www.google.com/images/srpr/logo11w.png";
//}
var errorURL=”https://www.google.com/images/srpr/logo11w.png";
$(“[原始数据]”)。每个(函数(){
变量$this=$(this),
src=$this.attr('data-original');
var img=新图像();
img.onload=函数(){
$this.attr('src',src);
}
img.onerror=函数(){
$this.attr('src',errorURL);
}
img.src=src;
});

错误:

好 啊:
这已经运行了。。但如何将延迟加载中的原始数据设置为默认图像我不知道我是否理解。什么是最终图像?什么是“加载”图像?
src
图像是原始图像还是原始数据?
data-original(如果此断开显示另一个默认图像)。。好了,好了,好了。。但如何将延迟加载中的原始数据设置为默认图像我不知道我是否理解。什么是最终图像?什么是“加载”图像?
src
图像是原始图像还是原始数据?
data-original(如果此断开显示另一个默认图像)。。没问题