Agency mobile menu
CONTACT
Back to Articles
Web design
Updated: May 29, 2021
By: Ironpaper

Hide broken images using javascript

As part of our web design tips and tactics guide, here is a sometimes useful javascript technique of hiding broken images and their ALT text. This can be useful ( as a quick, temporary fix) when pulling from another source such as a dynamic array or a database output which may have a few broken paths. This can also be used as a bulletproofing technique for interface design as a temporary solution when dealing with tricky image sources.

<img src="#" alt="I WANT TO HIDE THIS WHEN THE IMAGE IS BROKEN" onerror="this.style.display='none'">

Here is the snippet:

onerror="this.style.display='none'"

The onerror event is supported in all major browsers.

Ironpaper, Webintel:
SUBJECT: web design guide

Related Articles

b2b marketing
How Invisible “We” Statements Sabotage Customer-Centric Messaging
b2b sales
Why 92% of B2B Messaging Fails to Drive Results
lead generation
B2B Lead Generation in 2026: Trust, Timing, Clarity
content marketing
How Invisible “We” Statements Sabotage Customer-Centric Messaging
website
B2B Website Strategies for Performance in 2025
b2b
B2B Brand Differentiation: Stand Out When Everyone Sounds the Same
abm
When to Employ Deal-Based ABM
Interested in working for or partnering with Ironpaper? We’d love to hear from you.
We are passionate about helping remarkable companies grow. We solve challenges that hold businesses back. We love it. 
Connect with Us

Related Pages

Marketing Content Strategy ABM Strategy Lead Generation B2B Websites