图片加载失败时的自动替换

      我们在做网站的时候如果引用了网站外部的图片，我们将无法避免它会出错，有时图片被删除了，有时被引用的站点不稳定都会对我们造成影响，这时我们需要提供一个替补的图片。外部的图片是否失效是很难判断的，最初想的是使用ajax向图片发送一个请求，如果返回404就证明图片失效，那么就换成替补的图片。但是这样做事相当复杂的，而且还牵扯到js跨域的问题。

     后来发现其实 img有个onerror的事件，就是加载的时候如果图片出错就会触发这个事件，那么我们可以这样写onerror=”javascript:this.src=’http://www.iscss.tk/images/bg.gif”  在图片失效的时候就替换成备用的图片。

 

 

<img src=”logo.jpg” width=”60″ height=”45″ onerror=”javascript:this.src=”http://www.iscss.tk/images/bg.gif’” />

 

 

 

 

文章作者：IceSun
本文地址：http://www.iscss.tk/?p=74
版权所有 © 转载时必须以链接形式注明作者和原始出处！

 

欢迎查看本人博客：www.java.hourb.com