Firefox – Missing JPG Images Solved
Posted: February 26th, 2008 | Author: Matt | Filed under: Technology | Tags: CSS, FIrefox, HTML, Mistakes to Learn From, Problem Solved | No Comments »For a while now I’ve been noticing that some sites suffer from missing JPG images in random ways. The image won’t appear when the page is rendered fully with the site CSS, turn off the CSS using the wonderful Web Developer Toolbar and a broken image link appears. So surely it’s just a broken image? Well that would be true, except when you put the image URL from the HTML directly into your browser – and the image appears. Most concerning, especially when you’re working on some HTML that needs to be finished.
An example of this behavior is at the site of my local yoga studio – Centre Luna Yoga. When I visited their site the header image wouldn’t appear, as you can see from the image above. However the image itself loads just fine. Hmm. From a bit of searching on the web, the most likely culprit was an add-on as the Mozilla/Firefox core is well tested and stable, so using that old standby of starting Firefox in safe mode I checked the page again – lo and behold, the image appeared. Hmm.
By a quick process of elimination I decided the most likely candidate was the AdBlocker, so I disabled this and restarted. Bingo. The image appeared. Then by a further process of elimination I found the guilty filter: /banners/banner. Yes, somewhere in my auto filter download someone had decided that /banners/banner was only applicable to Advertising. Doi. The URL for the home banner image at my local yoga studio’s site had this in it: /banners/banner_15.jpg, so problem solved. The guilty filter was disabled and all is good in the world again.