查看: 1999|回复: 2

[小技巧] 页面图片加载失败时自动替换

[复制链接]
Leya 发表于 2010-3-31 02:57:25 | 显示全部楼层 |阅读模式
在web页面中当图片实效或者图片加载失败时图片位置会出现一个红叉 ,使页面很难看,这个时候可以通过Image对象的onError属性自动加载一张默认图片,使页面美观得到改善。方法如下:
  1. <img src='xxx.jpg' alt='' onerror="this.src='default.jpg'"/>

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

使用道具 举报

Hua^Nian.An 发表于 2010-3-31 08:54:22 | 显示全部楼层
Leya   深更半夜狂琢磨啊   
回复

使用道具 举报

harry2236 发表于 2010-3-31 10:52:07 | 显示全部楼层
深奥!不明白!
不想明白!
不敢明白!
不愿明白!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注-册

本版积分规则

关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:admin@discuz.vip

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|桂ICP备14000730号

在本版发帖
关注公众号
返回顶部