小技巧-自动隐藏红叉叉(图片显示失败)

  当文章中链接的图片失效时,就会看到令人讨厌的红叉叉,虽然图片有alt属性可以补救一下该图的意义,但都给人不友好的感觉。
如果给图片加一个判断,当加载失败时就不显示,这样可以产生更令用户满意的体验。
代码如下:

<img src=''none.gif'' onerror="this.parentNode.removeChild(this)" style="display:none" onload="this.style.display=''block''" /> 

 

posted @ 2010-05-17 10:21  Ghostboxer  阅读(306)  评论(1编辑  收藏  举报