在我们网站引入外站图片时会经常碰到图片无法显示的404等加载错误
这时网站上就会显示一个无法加载的图片图标,这样给人一种觉得网站差的体验。
这时就需要解决。
例引入图片:
<img class="img_demo" src="./demo.gif" onerror="nofind(this);" />
js处理:
//方法1 function nofind(image){ var img=event.srcElement; img.src="./default.gif"; img.onerror=null; 控制不要一直跳动 } //方法2 function nofind(img){ img.src="./default.gif"; img.onerror=null; 控制不要一直跳动 }
JQuery处理:
$(".img_demo").error(function(){ $(this).attr('src',"./default.gif"); });
发表评论