html怎么让空的图片不显示出来

html-css021

html怎么让空的图片不显示出来,第1张

可以使用onerror 事件来处理

1、如果你想在图片为空时要这张图片隐藏可以:

<img src="图片的url地址" onerror="this.style.display='none'"/>

2、如果你想在图片为空是显示默认图片可以:

<img src="图片的url地址" onerror="this.src='默认图片的url地址'"/>

<img alt="xxx" src="res/siebelbug.gif" border="0" style="display:none"/>

还可以<div style="display:none"><img alt="xxx" src="res/siebelbug.gif" border="0"/></div>

使用js定时器setTimeout()方法,定时三秒将要修改的图片的display设为none.

<script type="text/javascript">

setTimeout(function(){//定时器 

$("img").css("display","none")//将图片的display属性设置为none

},

3000)//设置三千毫秒即3秒

</script>