簡體   English   中英

如何在javascript中隱藏損壞的圖像?

[英]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>

如何包含指示圖像<div>在 JavaScript 中顯示/隱藏代碼?</div><div id="text_translate"><p> 我正在使用此代碼來隱藏和顯示div :</p><pre> $(function() { $('a.hide').click(function() { $(this).closest('.hideable').find('.hide-container').toggle(); }); $('a#hide-all').click(function() { $('.hide-container').hide(); }); $('.hide-container').hide(); });</pre><p> 我有一個問題:如何在隱藏div時添加圖像,例如+標記,在顯示時添加-標記?</p></div>

[英]How do I include indicator images with <div> show/hide code in JavaScript?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM