CODEWITHSUNDEEP
htmlgoogle-chromefirefoximage
justacoder
justacoder

Reputation: 2704

Images Not Appearing in Firefox/Chrome; Ok in IE

I have a few jpeg images on this page that, for some reason, do not show up in either Firefox or Chrome, but fine in IE 8 and 9. If I click the image URL in Firefox browser source, it shows up just fine.

http://www.chemoutsourcing.com/banners.php

The paths are correct, using a mix of both full and relative urls, and am using the IMG tag correctly. I'm very baffled at the simplicity of this.

<div style="margin:5px 0;">
                        600px by 160px<br />
                        <img src="http://www.chemoutsourcing.com/images/banner_ads/mainheader_2013_600x160.jpg" border="1" width="600" height="160" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        600px by 160px<br />
                        <img src="images/banner_ads/mainheader_Pharma_600x160.jpg" border="1" width="600" height="160" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        160px by 600px<br />
                        <img src="images/banner_ads/mainheader_2013_160x600.jpg" border="1" width="160" height="600" alt="" />
                    </div>
                    <div style="margin:5px 0;">
                        160px by 600px<br />
                        <img src="images/banner_ads/mainheader_Pharma_160x600.jpg" border="1" width="160" height="600" alt="" />
                    </div>

Upvotes: 3

Views: 3169

Answers (4)

Rookie
Rookie

Reputation: 1

Had the same problem. Figured out the picture not showing correctly was named .JPG while others were named .jpg. Renaming apparently fixed the problem for me.

Upvotes: 0

Skynet ITES
Skynet ITES

Reputation: 1

Change directory name to ensure the word 'ads' isnt there. For example: if image source is src=images/ads/your_pic.png then rename the folder 'ads' to anything but not 'ads'. for example - src=images/visitor_image/your_pic.png

This should work, if not then its not about browser, its about your re-directions. p.s. ignore syntax mentioned here, use your own.

Cheers

Upvotes: 0

justacoder
justacoder

Reputation: 2704

The best solutions occur by accident.

I tried viewing this page in Chrome Private mode, and they appeared fine. So that means...

The browser extension AdBlock was reading the images' subfolder "banner_ads" in the source and treating them as 3rd party content to block.

Once I rename the folder, the issue should go away on its own.

Upvotes: 1

Siddharth Gupta
Siddharth Gupta

Reputation: 897

I used inspect element on chrome, and it shows the following inline styles attached to all the img elements: 

display: none !important; 
visibility: hidden !important;
opacity: 0 !important;
background-position: 600px 160px;

That can't be right.

Upvotes: 1

Related Questions