<pre style="color:#000000;font-family:‘Consolas‘;font-size:15.0pt;"><br>
<span style=""><span style=""><</span><span style="color:#000080;font-weight:bold;">img </span><span style="color:#0000ff;font-weight:bold;">src=</span><span style="color:#008000;font-weight:bold;">"<{:config_img($var[‘img‘])}>" </span><span style="color:#0000ff;font-weight:bold;">onerror=</span><span style="color:#008000;font-weight:bold;">"</span><span style="font-style:italic;">showImgDelay</span>(<span style="color:#000080;font-weight:bold;">this</span>,<span style="color:#008000;font-weight:bold;">‘‘</span>,<span style="color:#0000ff;">0</span>)<span style="color:#008000;font-weight:bold;">"</span><span style="">></span><br>
<</span><span style="color:#000080;font-weight:bold;">script</span><span style="">></span><br>
<span style="color:#000080;font-weight:bold;">function </span><span style="font-style:italic;">showImgDelay</span>(imgObj,imgSrc,maxErrorNum){<br>
<span style="color:#808080;font-style:italic;">// showSpan.innerHTML += "--" + maxErrorNum; //</span><span style="color:#808080;font-style:italic;font-family:‘宋体‘;">显示出加载图片出错的次数<br></span><span style="color:#808080;font-style:italic;font-family:‘宋体‘;"> </span><span style="color:#000080;font-weight:bold;">if</span>(maxErrorNum><span style="color:#0000ff;">0</span>){<br>
imgObj.<span style="color:#7a7a43;">onerror</span>=<span style="color:#000080;font-weight:bold;">function</span>(){<br>
<span style="font-style:italic;">showImgDelay</span>(imgObj,imgSrc,maxErrorNum-<span style="color:#0000ff;">1</span>);<br>
};<br>
<span style="color:#7a7a43;">setTimeout</span>(<span style="color:#000080;font-weight:bold;">function</span>(){<br>
imgObj.<span style="color:#660e7a;font-weight:bold;">src</span>=imgSrc;<br>
},<span style="color:#0000ff;">500</span>);<br>
}<span style="color:#000080;font-weight:bold;">else</span>{<br>
imgObj.<span style="color:#7a7a43;">onerror</span>=<span style="color:#000080;font-weight:bold;">null</span>;<br>
imgObj.<span style="color:#660e7a;font-weight:bold;">src</span>=<span style="color:#008000;font-weight:bold;">"/attachs/default.jpg"</span>;<br>
}<br>
}<br>
<span style=""></</span><span style="color:#000080;font-weight:bold;">script</span><span style="">></span></span></span></span>
</pre>
图片加载失败,加载默认
时间： 2024-11-05 15:53:22
图片加载失败,加载默认的相关文章
网页图片加载失败，用默认图片替换
$(function () { $('img').each(function () { $(this).bind('load', function () { $.Deferred().resolve(); }).bind('error', function () { //图片加载错误,加入错误处理 // dfd.resolve(); alert('error'); }) }) }) HTML代码 <body> <img src="/images/01.png" /&g
vue，onerror实现当图片加载失败时使用默认图
1. 2. 原文地址:https://www.cnblogs.com/colorful-paopao1/p/11507369.html
图片路径加载失败，火狐浏览器默认显示断裂图片
在谷歌.IE浏览器中,如果图片路径加载失败,会显示一个默认的断裂图片,像这个样子 而在火狐浏览器中,则图片不会有任何占位,这样就会导致布局上的混乱,用户体验也不好,如何让火狐浏览器显示出断裂图片效果呢? 只需在样式文件css中加入这行代码就可以啦 @-moz-document url-prefix(http), url-prefix(file) { img:-moz-broken { -moz-force-broken-image-icon: 1; width:24px; height:24px
图片加载失败显示默认图片占位符
为网站的图片加上加载失败的默认占位符会让网站看起来更专业.更严谨. <img src="__PUBLIC__/img/simple/simplelove.png" onerror="onerror=null;src='__PUBLIC__/img/defaultpic.jpg'"> 原文地址:https://www.cnblogs.com/Zmmy/p/8531205.html
js解决img标签加载失败显示默认图片
问题: 为所有显示楼盘的页面添加一个加载失败的默认图片. 基本思路: img标签中有个onerror属性,专门用来处理加载失败的事件.所以可以用jquery添加onerror属性,在onerror中加载默认图片. $(function(){ //注册加载失败事件,再次加载时先重新设置url,在清空原先的注册加载失败事件 $("img").attr("onerror","this.src='img/error.jpg;this.onerror=null;'&
JQuery图片加载显示loading和加载失败默认图片
在很多时候我们需要用到图片加载功能,在网上搜资料后就想为了以后使用方便重新整理了下,结果如图: 最后一张是加载失败显示的图片,没找到合适的图片,先用他顶替. 页面引用 <div class="container"> <div class="row block" id="img-list"> <div class="col-md-3"> <img src="/Assets/On
【JavaScript】加载失败的红叉图片处理与<img>图片标签的onerror事件
大家上网的时候肯定见到过加载失败的红叉图片,具体如下图.当然现在Google Chrome与Firefox对其处理会好看一些. 其实可以利用<img>图片标签的onerror事件对其处理的,要求其加载失败之后,马上加载一张默认图片,而不是显示为红叉叉. 其代码如下: <img src="s.png" onerror="javascript:this.src='xx.png';this.width=80;this.height=80;" />
AngularJS中如果ng-src 图片加载失败怎么办
我们知道AngularJS加载图片的方法是用加ng-src标签,例如: <img ng-src="{{currentUrl}}"/> 其中currentUrl为图片地址,如果图片正常能显示,那这么使用一点问题没有,但是,如果图片加载失败了(例如该图片已经不存在,从而出现404错误),在该放图片的地方就会出现一个难看的图片加载失败图标,如果想把这个图标换成你自定义的图片,可以如下这么做: HTML: <img ng-src="{{currentUrl}}&qu
使用Lrucache，图片滑动时使用默认图片，停止时加载
注意:LruCache是有版本限制的,低版本的sdk需要在libs文件夹添加相应的support-4v文件.本文改造的大部分是参考http://www.iteye.com/topic/1118828,感谢.不废话直接上工程代码,内有关键注释,项目就不上传了,自己对照着上面网址改呗. 首先是Application文件,负责创建图片存储文件夹: public class MyApp extends Application{ @Override public void onCreate() { sup