项目中,要使用到缺省图,除了火狐浏览器,其它浏览器都支持img onerror事件。我使用到的解决的办法就是给图片的外层标签加背景,背景图用的就是缺省图。
上代码
<img src="" alt=" " class="goods-img" onerror="onerror=null;src=‘../themes/images/error.jpg‘">
.goods-img { display: inline-block; width: 178px; height: 178px; padding: 0; margin-top: 5px; float: none; background: url(../images/error.jpg) no-repeat; }
这样就可以了,把缺省图当做背景图来使用,图片正常显示的话,就会给背景图覆盖掉.
原文:http://www.cnblogs.com/zhouyangla/p/5829843.html