`

img 图片加载失败后,重复加载问题代码(可限定次数)

阅读更多
//js方法定义
function reSetImgUrl(imgObj,imgSrc,maxErrorNum){
	  if(maxErrorNum > 0){
	        imgObj.onerror=function(){
	        	reSetImgUrl(imgObj,imgSrc,maxErrorNum-1);
	        };
	        setTimeout(function(){
	            imgObj.src=imgSrc;
	        },500);
	    }else{
	        imgObj.onerror=null;
	        imgObj.src="<%=basePath%>images/noImg.png";
	    }

	}

//调用
<img onerror='reSetImgUrl(this,this.src,3)' src='"+srcStr+"'/>

分享到:
评论

相关推荐

    连连看游戏(含代码和报告)

    游戏的目标是通过消除相同的图片对,使所有图片对在限定时间内全部消除,从而赢得游戏。这涉及到逻辑判断和计时器的设计。 在编程实现连连看的过程中,`LianLianKan.java` 文件很可能是游戏的主要控制类,它负责...

    AIR for Android 仿手机手势滑动图片工具类,可套用

    2.加载列表XML文件,并new一个SwipeBoard类,传入xml和你想要限定的宽高: var sb:SwipeBoard = new SwipeBoard(xml , width , height); addChild(sb); 3.完成了,更详细的使用方法在类里面有注释。 PS:限定宽高...

    JS限定手机版中图片大小随分辨率自动调整的方法

    整个过程确保了图片在加载完成后,会根据手机屏幕的分辨率自动调整大小,从而避免图片过大导致页面布局混乱或者加载速度慢的问题。这种做法尤其适用于响应式网页设计,可以提供更好的用户体验。 总结来说,JS限定...

    Javaweb应用图片文件上传并预览,数据库存储路径——ssm实现

    - 在前端,通过`&lt;img&gt;`标签加载这个URL,浏览器将自动发送GET请求获取图片数据并显示。 4. **安全考虑**: - 对上传文件进行校验,确保文件类型正确,防止恶意文件上传。 - 为避免路径遍历攻击,应使用相对路径...

    完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小

    这段CSS代码应该被放置在Web页面的`&lt;head&gt;`标签内,这样可以确保在加载页面内容之前,浏览器已经解析了这些样式规则,从而避免了图片的闪烁或变形问题。 最后,该文章提醒读者,以上提供的解决方案可以应用于任何...

    CSP(Content Security Policy)是一种用于增强 Web 应用程序安全性的安全标头.docx

    4. **`img-src`**:定义允许加载的图片来源。例如:`img-src 'self' data:;` 表示图片只能从当前域名及data URI加载。 5. **`connect-src`**:定义允许发起的网络连接的来源。例如:`connect-src 'self' ...

    JavaScript限定图片显示大小的方法

    在JavaScript中,有时我们需要对网页中的图片进行尺寸控制,以适应不同的屏幕或布局需求。...在实际的网页开发中,这个函数可以很好地帮助优化页面布局,避免因图片过大导致的加载速度慢或布局混乱等问题。

    php技术实现加载字体并保存成图片

    除了基本的字体加载和图片生成,还可以进一步扩展功能,比如支持多种字体、调整字体大小以适应限定区域、添加边框、使用不同的文本排列方式等。此外,还可以结合其他库,如Imagick,来提供更丰富的图像处理功能。 ...

    《前端手册》

    - 选择器嵌套层级应不大于3级,位置靠后的限定条件应尽可能精确。 - 属性缩写:在可以使用缩写的情况下,尽量使用属性缩写,注意避免潜在的数值问题。 - 属性书写顺序:推荐按照功能进行分组,遵循“布局方式 &gt; ...

    jquery过滤上传文件的类型和限制文件的大小

    这段代码确保了整个页面加载完毕后才执行内部函数。 2. **监听表单提交事件**: ```javascript $("#form0").submit(function(){ ... }); ``` 通过`#form0`选择器,该代码绑定了一个提交事件处理程序到ID为`...

    淘客帝国5.21

    增加了图片延迟加载功能 支持整合文章系统PHPwnd 后台增加开关,可开启所有内页直接跳转淘宝对应页面。跳转方式为301. 首页每个模块支持店铺 一个是"详情关键词自动锚链接"和"热门搜索关键词"不能限定类别ID 另一个...

    淘客帝国v5.21完整官方版

    增加了图片延迟加载功能 支持整合文章系统PHPwnd 后台增加开关,可开启所有内页直接跳转淘宝对应页面。跳转方式为301. 首页每个模块支持店铺 一个是"详情关键词自动锚链接"和"热门搜索关键词"不能限定类别ID 另一个...

    [怀旧] Mathematica v1.2 for DOS

    一直觉得手机上的计算器不够方便,于是在手机上弄了个 DOS 模拟环境,希望把这个DOS版的Mathematica...用 vMware 加载后可以安装到虚拟机的 DOS 中去。如果想刻成软盘的话自己把文件后缀名改成 .img 用有关软件刻盘。

    纯CSS3实现图片无间断轮播效果

    这样的实现方式不仅提升了代码的可维护性,而且减少了页面加载的脚本依赖,加快了页面渲染速度。此外,使用纯CSS3来完成图片轮播功能,意味着能够利用浏览器的硬件加速,进一步提升动画的性能。 需要注意的是,上述...

    css之六个为什么为您解答 性能与习惯的结合

    尽管在图片外部可能已经通过父容器限定了图片的尺寸,但是直接在&lt;img&gt;标签中指定width和height属性仍然有其作用。这不仅是为了避免图片加载过程中尺寸未定造成的页面布局闪烁,而且还可以减少因图片尺寸变化导致的...

    2021-2022计算机二级等级考试试题及答案No.13193.docx

    - **问题描述**:如果加载窗体,先被触发的事件是? - A. `Load`事件 - B. `Open`事件 - C. `Click`事件 - D. `DoubleClick`事件 - **正确答案**:A - **知识点解析**:在窗体加载的过程中,不同的事件会在特定...

    淘客帝国v5.21官方原版

    增加了图片延迟加载功能 支持整合文章系统PHPwnd 后台增加开关,可开启所有内页直接跳转淘宝对应页面。跳转方式为301. 首页每个模块支持店铺 一个是"详情关键词自动锚链接"和"热门搜索关键词"不能限定类别ID 另一个...

    淘客帝国v5.21官方原版破解版

    增加了图片延迟加载功能 支持整合文章系统PHPwnd 后台增加开关内页直接跳转淘宝对应页面。跳转方式为301. 首页每个模块支持店铺 一个是"详情关键词自动锚链接"和"热门搜索关键词"不能限定类别ID 另一个是搜索商品的...

Global site tag (gtag.js) - Google Analytics