网页中图片显示为红叉原因一般是图片调用路径出错、调用图片地址失效或者无图片等,页面上显示红叉会影响网页美观,主要有3种解决方法,让找不到图片时不显示红叉。
一、替换图片,将找不到或不显示的图片显示为一张默认图片。代码如下:
<img src="image/pic.jpg"
onerror="src="http://www.sdggw.com/Skins/Default/images/logo.gif "
/>
注: pic.jpg不存在的时将替换显示logo.gif图片。
二、JS将找不到或不显示的图片显示指定的错误文字信息。代码如下:
HTML代码
<script type="text/javascript">
var imgErr = function(imgObj){
imgObj.parentNode.innerHTML =
'<strong>图片显示错误!</strong>';
}
</script>
<div>
</div>
三、CSS将找不到或不显示的图片隐藏,显示为空白。代码如下:
<img
src="http://www.sdggw.com/Skins/Default/images/logo.jpg "
onerror="this.parentNode.removeChild(this)"style="display:none"
onload="this.style.display='block'" />
已投稿到: |
|
---|