读书人

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

发布时间: 2012-09-02 21:00:34 作者: rapoo

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

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

<img src="/images/pic.gif" alt="页面图片加载失败时自动轮换" onError="this.src="/images/default.gif"/>
?

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

?

读书人网 >Web前端

热点推荐