0
点赞
收藏
分享

微信扫一扫

img图片加载失败用默认图片代替

 onerror 事件在加载外部文件(文档或图像)发生错误时触发。

<img alt="{dr[title]}" src="{dr[img_url]}" onerror="this.src='/admin/skin/default/loadimg.gif'">

 

img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404。

<img src="image.gif"  onerror="javascript:this.src='src/images/default.jpg';this.onerror = null">

jquery.error函数

jquery提供对应的事件处理函数

$('img').error(function(){
$(this).attr('src',"default.gif");
})

jquery.one函数

使用上面两种方法,假如默认图片也加载失败,则变成死循环. 此时可使用one()绑定事件

$("img").one("error", function(e){
$(this).attr("src", "default.gif");
});

另外error事件,不支持冒泡,jquery.delegate函数捕捉不到error事件。


举报

相关推荐

0 条评论