找回密码
 注-册

QQ登录

只需一步,快速开始

查看: 1656|回复: 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 | 显示全部楼层
深奥!不明白!
不想明白!
不敢明白!
不愿明白!
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|DoDVip ( 桂ICP备14000730号 )

GMT+8, 2024-6-13 03:06 , Processed in 0.054191 second(s), 21 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表