返回首页
当前位置: 主页 > 网络编程 > Jsp实例教程 >

jQuery判断图片是否加载失败程序代码

时间:2012-10-07 22:57来源:知行网www.zhixing123.cn 编辑:麦田守望者

以下演示的是若类为subcontent下的图片元素若加载失败,则把原来的图片替换为fail_load.jpg

代码为:

 

<style>

.subcontent{float:left;margin:12px;margin-top:8px;width:120px;

height:115px;text-align:left;margin-bottom:10px;text-align:center

}

.videoImg{float:left;width:120px;height:90px;background:#66FF00;}

.videoTitle{float:left;width:120px;height:27px;line-height:25px;font-size:12px}

</style>

<script type="text/javascript">

$(function(){

$(".subcontent img").each(function(){

if(this.fileSize<=0)

this.src="fail_load.jpg";

});

});

</script>

<div class="subcontent" >

<div class="videoImg">

<img src="a.jpg" width="120" height="90">

</div>

<div class="videoTitle">教育技术</div>

</div>

<div class="subcontent" >

<div class="videoImg">

<img src="b.jpg" width="120" height="90">

</div>

<div class="videoTitle">334t5435</div>

</div>

<div class="subcontent" >

<div class="videoImg">

<img src="c.jpg" width="120" height="90">

</div>

<div class="videoTitle">111111</div>

</div>

 

 

实际效果为:

 

jQuery判断图片是否加载失败程序代码
jQuery判断图片是否加载失败程序代码
顶一下
(0)
0%
踩一下
(1)
100%
------分隔线----------------------------
标签(Tag):jQuery jquery教程 jquery技巧
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣