NO IMAGE
<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函式,你可以把這張失敗的圖片替換了。