首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-09-02 
页面图片加载失败时自动替换在web页面中当图片实效或者图片加载失败时图片位置会出现一个红叉?,使页面很难

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

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

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

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

?

热点排行