Jquery判断页面图片是否加载失败实例

Jquery判断页面图片是否加载失败,下面用一个案例说明一下该问题,具体问题可根据具体情况去完善即可(下面的案例是当class为img_content下的图片加载失败的时候自动去加载defaultpic.gif)。

JavaScript部分代码:

  1. $(function(){ 
  2.     $(".img_content img").each(function(){ 
  3.         if(this.fileSize<=0){ 
  4.             this.src="http://www.daimajiayuan.com/images/defaultpic.gif"
  5.         } 
  6.     }); 
  7. }); 

html部分代码:

  1. <div class="img_content" > 
  2.     <div><img src="http://www.daimajiayuan.com/uploads/1305/1-1305131001219D.jpg" width="120" height="90"></div> 
  3.     <div class="videoTitle">HTML5 JS教程之新的API选择器</div> 
  4. </div> 
  5. <div class="img_content" > 
  6.     <div><img src="http://www.daimajiayuan.com/uploads/1305/1-1305131001219D.jpg" width="120" height="90"></div> 
  7.     <div class="videoTitle">CSS3制作莲花开放特效</div> 
  8. </div> 

转载请注明:代码家园 » Jquery判断页面图片是否加载失败实例

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)