Web page not displaying images on website. Google Chrome only

Question

I have just launched my website. It all works fine apart from one page will not displaying any images at all. THIS IS ONLY A PROBLEM ON GOOGLE CHROME. Here is the link to my web page: http://michaelwillisdesign.co.uk/Advertising.html

Could someone have a snoop through and give me a reason why? I've been racking my brains and can't figure out why.

Thanks

What format and colour profile have you used when saving out your JPG files? I know some browsers have issues when a CMYK profile is used instead of RGB. If you used Photoshop, make sure you used the 'Save for Web...' option, not the normal 'Save...' — Rory McCrossan, Jul 08 '15 at 14:33
I found a style rule in the image: `display:none !important;` Don't know why this doesn't affect other browsers (I'm using Opera) but it is something you should look into. — yaakov, Jul 08 '15 at 14:37
It's working fine for me. A little bit slow to load up, but can see all the images. — Sean Stinehour, Jul 08 '15 at 14:39
See my answer. I think it has to do with the name of the pictures ("images/advertising-second-image.jpg"). The internal logic must be blocking them because the name contains the word "advertising" — Alvaro Montoro, Jul 08 '15 at 14:59

score 3 · Accepted Answer · edited May 23 '17 at 12:06

This issue is caused because you have an ad blocker plugin that is blocking the images. It happens to me too (I'm using AdBlock): the ad blocker considers that those pictures are publicity (they are actually pictures of banners and ads) and blocks them.

I don't know exactly how each ad blocker works, but you could try some of these general recommendations to avoid getting your pictures blocked when they are not really ads:

Change the image names to something that doesn't include the word "ad" or "advertisement" or "advertising" or "publicity" (or any synonyms or words derived from them).
Same as above but for class names and ids.
Use image sizes that are not common in ads (e.g.: 728x90, 300x250, 300x600...)

And check these questions for reference (although I don't know if AdBlock is the one you are using):

Fantastic answer, thanks for your help. It all works fine now. — Henry Brown, Jul 08 '15 at 15:12

score 0 · Answer 2 · answered Jul 08 '15 at 14:55

0

You have an error:

jquery.imageScroll.js on line 222

Uncaught Error: You need to provide either a data-img attr or an image option

This could be causing the issue.

answered Jul 08 '15 at 14:55

BennyTicklez

147
1
18

score 0 · Answer 3 · answered Jul 08 '15 at 14:57

0

It seems to be working just fine for me in Chrome, Firefox and even IE.

Maybe try turning off any plugins/extensions in Chrome (adblock, etc), and see if they're interfering with the images being rendered.

answered Jul 08 '15 at 14:57

codestr

193
12

Web page not displaying images on website. Google Chrome only

3 Answers3