IMG加载默认图备用方案

在浏览网页时，是不是有时会碰到图片加载不出来的情况？这可太糟心啦！今天给大家分享一个 img 图片加载失败时显示默认图片的方法。在本站中，此方法只用于"友链"部分）。

缘由

JavaScript代码冲突，导致原方法无法触发 onerror 事件和调用 handleImageError 函数。

解决方法

1.引入Js代码

在需要使用该方法的地方重新引入以下Js代码：

<script type="text/javascript">
function slnotimg() {
var img = event.srcElement;
img.src = "加载默认图";
img.onerror = null; 
}
</script>

2.添加Src属性

在 img 标签的 Src=" " 中添加以下新属性：

onerror="slnotimg();"

例如：

<img src="加载默认图" onerror="slnotimg();"/>

此方法可单独用于 img 加载默认图使用，也可以用作原方法失效时的备用方案使用。

完！