HTML img图片加载失败时用默认图片替换
2017-08-06 12:51
453 查看
原文地址:http://blog.csdn.net/qq_24771775/article/details/50294931
img元素加载图片失败,则变成一个小图标,让页面变得难看。此时如何替换为默认图片?
另外error事件,不支持冒泡,jquery.delegate函数捕捉不到error事件。
img元素加载图片失败,则变成一个小图标,让页面变得难看。此时如何替换为默认图片?
onerror属性
img元素自带onerror属性,加载失败时,触发error事件<img src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/posts/default.gif" />
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事件。
相关文章推荐
- JavaScript判断图片是否能够加载,失败则替换默认图片
- 使用jquery给加载失败的img元素显示默认图片
- img 加载网络图片失败 显示默认图片
- JS处理img标签加载图片失败,显示默认图片
- html图片加载失败时显示默认图片
- js处理img标签加载图片失败,显示默认图片
- html 加载图片失败显示默认图片
- html img加载失败,怎样替换为默认图片
- img 加载网络图片失败 显示默认图片的方法
- html img 加载错误时显示默认图片
- jQuery图片加载失败替换默认图片方法汇总
- 网页图片加载失败,用默认图片替换
- img加载图片错误的时候,如何给个默认图?Html
- HTML 图片上传以及图片加载失败时使用默认图片
- JavaScript判断图片是否能够加载,失败则替换默认图片
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- 关于web开发中,图片加载失败替换为默认图片
- html img标签显示一个默认图片
- HtmlNinja-图片预加载以及图片元素img的complete属性
- html<img>标签中src=“图片路径”,怎么用变量替换路径