当前位置: 代码迷 >> Web前端 >> 页面图片加载失败时自动轮换
  详细解决方案

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

热度:66   发布时间:2012-09-02 21:00:34.0
页面图片加载失败时自动替换

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

<img src="/images/pic.gif" alt="" onError="this.src="/images/default.gif"/>
?

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

?

  相关解决方案