先检查图片是否加载成功,然后如果失败的话再绑定事件。而且替换一次就好了。
<img src="xxxx.jpg" alt="" /> <script> jQuery(document).ready(function(){ jQuery('img').each(function(){ var error = false; if (!this.complete) { error = true; } if (typeof this.naturalWidth != "undefined" && this.naturalWidth == 0) { error = true; } if(error){ $(this).bind('error.replaceSrc',function(){ this.src = "default_image_here.png"; $(this).unbind('error.replaceSrc'); }).trigger('load'); } }); }); </script>
接下来这个我测试过很有效果的:
$(window).load(function() { $('img').each(function() { if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { this.src = 'http://www.tranism.com/weblog/images/broken.gif'; } }); });
但是IE6的时候会出现不兼容的情况所以,最好的方法是在每个标签上增加 onerror = "this.src='/cqabc/images/huancun.gif'"属性。
相关推荐
基于jquery开发的一个小插件,主要作用是绑定图片(img标签)的onload事件,如果是纯JavaScript开发,可借鉴下面的代码: var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if ...
相关的知识点:jquery的ready方法、$(“img”).error()、img的complete属性、插件imagesLoaded、事件委托、事件捕获和图片预加载的方法等 1. 图片加载失败替换为默认图片 1.1 给图片绑定error事件 当图片加载失败时...
HTML+jquery图片预加载功能,实用于web及移动端
JQuery实现页面图片懒加载效果,两个文件放进去,只需加入两行代码即可实现。
一、jQuery加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如:加载a.html里面的“row”>这个div里面的所有内容加载到b.html的这个div里”content”> 用jquery ajax 可以...
jq图片延迟加载
jquery.lazyload图片预加载 调用简单 内有实例
用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示...
有些时候可能需要用到脚本为一些窗体绑定事件:比如Jquery为单选框checkbox绑定单击事件,本人搜索整理一些常用技巧,需要了解的朋友可以参考下
jquery实现图片懒加载.zip
jquery实现的等待加载页面 即实现更好的用户交互效果
jquery的页面初始加载方法与各自的区别
主要介绍了JQuery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下
为页面标签使用bind绑定事件,使用jquery改变单行文本框的背景色
jQuery实现图片动态加载效果 鼠标滚动时图片动态加载
一款实用简单的图片预加载效果,支持...2、使用一小段jquery代码,指定需要加载的img即可,例如本案例指定class 为 main 下的图片预加载,则如$(".main img"),当然也可以指定加载的loading路径以及加载后的图片大小
简单的jQuery加载等待转圈页面小插件
JQuery绑定事件 Js实现 需要理解的可以下载
jquery异步加载页面,适合用于选项卡页面。