HTML img图片加载失败时用默认图片替换

HTML img图片加载失败时用默认图片替换原文地址:http://blog.csdn.net/qq_24771775/article/details/50294931 img元素加载图片失败,则变成一个小图标,让页面变得难看。此时如何替换为默认图片?onerror属性img元素自带onerror属性,加载失败时,触发error事件src=”http://yongqing.is-programmer.com/posts/i

大家好,又见面了,我是你们的朋友全栈君。

原文地址:http://blog.csdn.net/qq_24771775/article/details/50294931

 img元素加载图片失败,则变成一个小图标,让页面变得难看。此时如何替换为默认图片?

onerror属性

img元素自带onerror属性,加载失败时,触发error事件
<img src="http://yongqing.is-programmer.com/posts/image.gif" onerror='this.src="http://yongqing.is-programmer.com/posts/default.gif" />

jquery.error函数

jquery提供对应的事件处理函数
$('img').error(function(){ 
    $(this).attr('src',"default.gif"); })

jquery.one函数

使用上面两种方法,假如默认图片也加载失败,则变成死循环. 此时可使用one()绑定事件
$("img").one("error", function(e){ 
    $(this).attr("src", "default.gif"); });
 
另外error事件,不支持冒泡,jquery.delegate函数捕捉不到error事件。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/137459.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • ubuntu过期版本软件源[通俗易懂]

    ubuntu过期版本软件源[通俗易懂]ubuntu10.04软件源国内源,参考:https://blog.csdn.net/snaking616/article/details/52966634debhttp://mirrors.ustc.edu.cn/ubuntu-old-releases/ubuntu/lucidmainrestricteduniversemultiversedebhttp://mi…

    2022年10月14日
  • 车用总线技术 | J1939协议实用指南与J1939数据记录方案

    车用总线技术 | J1939协议实用指南与J1939数据记录方案“没错,这是一份SAEJ1939协议的简单、实用指南。”—虹科开篇:在这篇介绍中,我们介绍了J1939协议的基本知识,其中包括PGN和SPN。因为这是一篇偏向应用的简介,所以您还将会学习到如何通过DBC文件解码J1939数据、如何记录J1939、典型的应用案例和实用技巧。下面,来了解下这份简单易懂的J1939介绍吧~什么是J1939?J1939简介简而言之,SAEJ1939其实是一套标准,重型车辆ECU间就是按照这套标准在CAN总线上进行通信的。当今大多数车辆都通过CAN(Con…

  • linux卸载pycharm_彻底卸载pycharm

    linux卸载pycharm_彻底卸载pycharm1.查看配置信息位置首先在解压的pycharm-2020.2.1文件夹中,查看Install-Linux-tar.txt,找到配置信息的位置(下图中蓝色标识)。2.卸载安装文件首先找到安装文件所在的目录,cd切换至其目录,然后sudorm-rfpycharm-2020.2.13.删除配置信息依次cd切换至Pycharm2020.2的位置,然后rm删除掉该用户使用记录,即能实现完全卸载。…

  • Pytest(6)重复运行用例pytest-repeat[通俗易懂]

    Pytest(6)重复运行用例pytest-repeat[通俗易懂]前言平常在做功能测试的时候,经常会遇到某个模块不稳定,偶然会出现一些bug,对于这种问题我们会针对此用例反复执行多次,最终复现出问题来。自动化运行用例时候,也会出现偶然的bug,可以针对单个用例,

  • SVN服务器搭建和使用[通俗易懂]

    SVN服务器搭建和使用[通俗易懂]SVN服务器搭建和使用

  • phpwind升级php7,【原创文章】升级phpwind为https「建议收藏」

    phpwind升级php7,【原创文章】升级phpwind为https「建议收藏」闲来无事,看到刀客城和金刀客博客还是http协议,浏览器总是提示不安全,对于有点强迫症的我来说,看不下去,正好今天有点时间,就整了一下。phpwind好像没多少人用了,但是对于一个简单的坛子来说够用了,升级为https也挺简单,只是一开始没有找到路。首先到https://cloud.baidu.com/申请免费ssl证书,一个地址可以申请3个免费Symantec域名型DV证书。然后传到服务器…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号