使用jquery给img绑定error事件

先检查图片是否加载成功,然后如果失败的话再绑定事件

<imgsrc="xxxx.jpg"alt=""/>

<script>

jQuery(document).ready(function(){

jQuery('img').each(function(){

varerror=false;

if(!this.complete){

error=true;

}

if(typeofthis.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>

相关推荐