在网站中,经常会遇到图片加载失败出现图片加载失败的默认演示为了防止这种情况的出现,通常在图片加载失败的时候会显示一张默认的图片,那么大家一般都是怎么解决这种情况,用的什么方法,拿出来分享下,我只知道一种就是下面这种<img src="error.jpg" alt="" onerror="this.src='defatule.jpg'" />
1 回答
阿晨1998
TA贡献2037条经验 获得超6个赞
img标签当图片不存在时将触发onerror
事件,提供几个方案。
1.常规写法
// jsfunction imgError(image) { image.onerror = ""; image.src = "/images/noimage.gif"; return true; }// html<img src="image.png" onerror="imgError(this);"/>
2.内联式:
<img src="image.png" onerror="this.onerror=null;this.src='/images/noimage.gif';" />
3:使用jQuery:
$("img").error(function () { $(this).unbind("error").attr("src", "broken.gif"); });
添加回答
举报
0/150
提交
取消