• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Orange.
生如夏花之绚烂,死如秋叶之静美
博客园    首页    新随笔    联系   管理    订阅  订阅

网站图片不存在,显示默认图片解决办法

当网站上没有找到图片的时候,使用一张默认的图片来替代,以免出现一个叉在页面上,影响页面的美观。

最近项目里面有很多地方需要加载图片,但是有的图片后来不在了,显示的xx比较难看,为了不影响美观,所以需要设置默认图片
这种情况下可以利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 

<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">



如果一个界面已经画好,图片太多,格式大小比较统一的话,也可以直接注册

 //设置默认图片显示

$(document).ready(function () {
  $("img").error(function () {
            $(this).attr("src", "../../Images/Comm/default.png");
        });

 });

这样就方便多了,不需要再去一个一个的给ing挂onerror

优缺点需要自己衡量,选择适合自己的方法

作者:Orange.
出处:http://www.cnblogs.com/Orange-C/
声明:本博客原创文字只代表本人工作中在某一时间内总结的观点或结论,与本人所在单位没有直接利益关系。非商业,未授权,贴子请以现状保留,转载时必须保留此段声明,且在文章页面明显位置给出原文连接。 如果大家感觉我的博文对大家有帮助,请推荐支持一把,给我写作的动力。 。

posted @ 2014-11-12 10:07  Orange.  阅读(857)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3