图片不存在,用默认图片替换的JS

1.这个是对于单个图片,如果没有图片就替换。

<img src="" border="0" onload="javascript:DrawImage(this);" onerror="changeImg()" />
<script language="javascript" type="text/javascript">
function changeImg()
{
    var newErrorImgUrl = "/images/error.gif";
    event.srcElement.src = newErrorImgUrl;
    event.srcElement.alt = "";
}
</script>

 

方法二

<img src="pro-pic/123.gif" onerror="javascript:this.src=’pro-pic/default.gif’" />

2.下面那个 是对于整个页面当图标访问错误的时候 替换默认的

 

<body>
    <img src="1.jpg" />
    <img src="2.jpg" />
    <img src="3.jpg" />
    <img src="4.jpg" />
</body>
</html>
<script type="text/javascript">
        var imgs = document.images;
        for(var i = 0;i < imgs.length;i++){
            imgs[i].onerror = function(){
                this.src = "/images/logo.gif";
            }
        }
</script>

发表评论

邮箱地址不会被公开。 必填项已用*标注

click to changeSecurity Code