While scrolling through my LinkedIn news feed, I came across an eye-catching promoted ad by Valassis. I wanted to learn more about the company and the team behind curating this awesome ad. Within 5 minutes, I found myself on their website and obsessed in troubleshooting an image display error.
An Image Error on the Website
When I landed on the Valassis homepage and scrolled down a bit, I noticed right away that their slider was missing an image. I refreshed and then inspected the page to dig into what was causing the image not to display.
The <img class=> was telling me there was a “slick-lazyload-error” for that element. I proceeded to my next troubleshooting step and opened the page in an incognito window to find it displaying without any problems.
The Source of the Problem
After identifying the image display error was being causes on the user-end, I stopped inspecting through the code and turned off and on some Chrome extensions.
UBlock Origin Chrome Extension
I have an extension installed called uBlock Origin that blocks unwanted ads and pop-ups. This extension was causing the image not to appear due to the name associated with the image being “Display Ads” within the same <div> element.
The Takeaway: Check your “Ad” Images
If you’re in the industry of selling ad-related products and services, it’s important to view your website with popular ad blockers. This step will ensure that these tools are not automatically flagging your images to appear like ads.
(Note: I’ve contacted Valassis about the image display error.)
With over 9+ years of experience in digital marketing, Jiun helps businesses attract new customers through multiple digital channels. She also designs marketing collateral, and builds websites that supports business growth. Jiun has background in graphic design, marketing, and front-end web development which allows her to create simple and effective marketing strategies.