![](/img/trans.png)
[英]How to hide the broken images in jquery/Javascript when content is generate dynamically
[英]How do I hide broken images in javascript?
我在if語句中有我的圖像:
if (item.image)
historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px"/></a>';
您可以使用onerror處理程序。 在內聯形式中,它看起來像這樣:
<img src="someimage.jpg" onerror="this.style.display='none';" />
正如@piskvor所說,實際上在img標簽中加載圖像是查明URL是否損壞的唯一方法。 如果加載失敗,則會觸發error
事件。
但是看看你的代碼,也許相反的方法最有意義:默認隱藏<a>
,並在圖像的onload
事件中顯示它。
簡略:
<a href=".." id="image228" style="display: none">
<img src="..." onload="this.parentNode.style.display = 'block'">
</a>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.