页面图片加载失败时自动替换

在web页面中当图片实效或者图片加载失败时图片位置会出现一个红叉 ,使页面很难看,这个时候可以通过Image对象的onError属性自动加载一张默认图片,使页面美观得到改善。方法如下:

<img src="http://images.cnblogs.com/pic.gif" alt="" onError="this.src='/images/default.gif'"/>

 

说明:当/images/pic.gif加载失败时可以用onError属性捕获失败,在这里面指定替换为默认图片,页面上的红叉就会以这个图片代替

posted @ 2012-07-03 16:44  firesnow  阅读(238)  评论(0编辑  收藏  举报