<div class="pic-wape">
<div class="item" >
<img isLoad="false" src="1.jpg" >
</div>
<div class="item" >
<img isLoad="false" src="2.jpg" >
</div>
<div class="item" >
<img isLoad="false" src="3.jpg" >
</div>
</div>
将<img>标签设置一个属性isLoad=“false”表示是否加载成功,这样可以查看图片状态,成功了设置true。
jquery.js文件不要忘记引用。
<script type="text/javascript">
$(function () {
$(".pic-wape img").each(function() {
var img = $(this);
img.load(function () {
img.attr("isLoad", "true");
});
img.error(function() {
//可以选择替换图片
});
});
});
</script>
当加载图片失败时,会调用error函数,你可以把这张失败的图片替换了。