图片加载失败时,重试加载,如果重试加载不出来则显示默认图片

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://cdn.bootcss.com/jquery/2.1.0-beta3/jquery.min.js"></script>
</head>
<body>
<img id="img"  src="clock60.png"  retry="0" >
<script>
$(function() {
    $(‘#img‘).on(‘error‘, function() {
        var retry= $(‘#img‘).attr("retry");

        if (retry > 0) {
            $(‘#img‘).attr(‘src‘, ‘https://iustudio.science/images/srpr/logo11w.png‘);
        } else {
            retry++;

            $(‘#img‘).attr("retry", retry);
            $(‘#img‘).attr(‘src‘, $(‘#img‘).attr(‘src‘));
        }
    });
})
</script>
</body>
</html>
时间: 2024-11-11 07:02:32

图片加载失败时,重试加载,如果重试加载不出来则显示默认图片的相关文章

git问题:git提交的时候总是提示key加载失败,总是需要手工将key加到Pageant中

问题描述: 重装过一次系统,在重装之前git+tortoisegit配合很好,提交的时候都能自动加载ppk,但是重装系统后,也重新生成pulic key上传到了服务器,但是每次提交的时候都提示key加载失败,必须手工的将key加载到pageant中才可以正常提交 问题分析: 每个git项目的config文件都保存了ppk的地址,重装完系统重新生成key后,ppk的保存路径和文件名都发生了变更,所以导致每次提交的时候,依据config都找不到ppk的地址,所以报错! 解决办法: 打开Tortois

图片不存在就显示默认图片

有些时候我们需要批量显示数据库中的图片,数据库中保存的当然是图片的路径.但是如果发现某些图片不存在,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替,这样会显得非常有人性化.鹤峰县烟草专卖局 利用 image 对象的 onerror 事件来判断,出错则更换 image 对象的 src 为默认图片的 URL. <img src="http://www.nowamagic.net/images/new_logo.png" onerror="javascript

vue 公共方法 图片显示,如有图片正常显示,如没有显示默认图片

1.html <img :src="imgShow(imgUrl)" /> 2.js //图片显示,如有图片正常显示,如没有显示默认图片 data() imgUrl:'', mothods: imgShow:function(data){ let reg = /^(https:|http:)/g; if(data){ if(reg.test(data)){ return data; }else{ return 'http://192.168.0.176:8888/asset

js解决img标签加载失败显示默认图片

问题: 为所有显示楼盘的页面添加一个加载失败的默认图片. 基本思路: img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片. $(function(){ //注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件 $("img").attr("onerror","this.src='img/error.jpg;this.onerror=null;'&

img 图片加载出错时 显示默认图片

在 img 标签 加上onerror="onerror=null;src='123.jpg'" ,即当图片加载失败时会自动加载123.jpg ,例如 <img src="abc.jpg" onerror="onerror=null;src='123.jpg'" /> 也可省略部分 <img src="abc.png" onerror=src="123.png" >

图片加载失败显示默认图片占位符

为网站的图片加上加载失败的默认占位符会让网站看起来更专业.更严谨. <img src="__PUBLIC__/img/simple/simplelove.png"  onerror="onerror=null;src='__PUBLIC__/img/defaultpic.jpg'"> 原文地址:https://www.cnblogs.com/Zmmy/p/8531205.html

小程序---图片加载出错时,显示默认图片

在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验, 我们应当在图片数据出错时,用默认的图片代替它. html5有对应的img事件:onerror 下面是小程序里的一个demo,事件是binderror: <block wx:for="{{list}}"> <image class='news-img' src="{{item.imgSrc}}" binderror='imageError'

js处理img标签加载图片失败,显示默认图片

1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为html handle error $('img').error(function(){ $(this).attr('src', "d

VS2012出现加载失败时的解决办法 win7同样适用

今天更新了WIN8系统补丁,然后就出现了大量的问题,特别是经常用的软件像VS2012 老是加载失败,还说是缺少什么包一类的,弄了好长段时间终于解决了,现在将经验分享下 工具/原料 VS2012+WIN8 方法/步骤 先看问题,打开昨天工作的VS2012项目显示加载失败,多试几次还是不行,提示该项目需要用户输入,或是去C盘看一个什么样的文件夹.   不一会儿的时间,VS2012的项目界面下就会出现下面所示的界面,未能正确加载,此程序可能是配置或是安装另一程序导致   找到微软发布的相应更新包,连接

Glide加载圆形图片第一次只显示默认图片

Glide加载圆形图,又设置了默认图,很多时候第一次加载的时候只显示默认图.下面的方案可以解决.\ Glide.with(AudioDetailActivity.this) .load(cover) .placeholder(R.drawable.audio_default_normal) .into(new SimpleTarget<GlideDrawable>() { @Override public void onResourceReady(GlideDrawable resource,