HTML img图片无法显示或出错,用另一张图片替换(img onerro属性)
2013-05-29 12:29
555 查看
经过分析,发现网页中存在类似如下的代码:
<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
<script type="text/javascript">
<!–
function nofind(){
var img=event.srcElement;
img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";
img.onerror=null;
控制不要一直跳动
}
//–>
</script>
<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>
<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
解决方法:
第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
第二种:
<script type="text/javascript">
<!–
function nofind(){
var img=event.srcElement;
img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";
img.onerror=null;
控制不要一直跳动
}
//–>
</script>
<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>
相关文章推荐
- HTML img图片无法显示或出错,用另一张图片替换
- tomcat中jsp引用图片img的src属性带中文路径无法显示的解决
- <img src="中文文件名" /> 无法显示图片,图片名改成英文就可以显示;试了下在电脑桌面写了个HTML测试下,可以显示中文名称的图片,解决方法
- 在html 的img属性里只显示图片的部分区域(矩形,给出开始点和结束点),其他部份不显示,也不要拉伸
- tomcat中jsp引用图片img的src属性带中文路径无法显示的解决
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- html中img标签显示图片属性写法与background差异
- ie6下使用js替换img标签src属性图片不显示的错误
- img src属性有中文时无法显示图片
- HTML img.src图片不存在,则显示另一张图片
- 使用javascript替换img标签里的src属性图片不显示的原因(IE6)
- ie6下使用js替换img标签src属性图片不显示的错误
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- 【html+css3】在一张jpg图片上,显示多张透明的png图片
- 解决javascript动态改变img的src属性图片不显示问题
- HTML中图片无法显示的问题
- linux下 php img 图片无法显示
- html img Src base64 图片显示
- 关于Android WebView显示html网页图片无法自适应(PS第一次写博客)
- HTML --img标签只显示图片中心位置的方法