Images not loading

in mini slideshows

[Lorel]

I’ve been working on a page for several hours that has several small slidedhows in 11 different categories, i.e. several pictures of parrots in one, turtles in another, etc. They are all about an inch square in size. However the images quit loading (they were working when I set it up). I’ve checked everything I can think of:

image path in html as same as on server.
.jpg on both html and server.
No caps being used.
image file name is lower case and also on server.
The canonical tag is correct.
I checked with W3c and no errors.
I entered URL to an image and it loads on browser.
I updated the jquery to 1.11.0 (the other page loads with the old one.

I have another page that is identical to this one except it uses different categories/images and those are loading. I’ve compared the code on both pages and don’t see any differences.

There is too much code to post here so I’m hoping someone can let me know if there is anything else I can check.

[Dimitri]

Hard to say.

However, if you open the dev tool (Chrome, Firefox, etc...), you can inspect the network activity (to see if images are called when they should), as well as the console window (for error messages).

[not2easy]

If you have tools to check the headers (the server requests and responses) you should be able to spot exactly where it is failing. There are a variety of tools out there that can do that, some are part of a browser's extensions. I'm not mentioning any tools specifically because it can depend on what browser you are using, but searches for 'check headers', 'live headers' or similar terms should lead you to one that works for you. The dev tools Dimitri suggests are the same thing.

[tangor]

clear the browser cache, close the browser, then reload the browser and try again ... this will determine if the browser suffered a memory leak.

[Lorel]

Thanks for the tips on checking with a live header. I loaded one on Firefox.

I ran a check on the page, however it only checks the first slideshow with 5 images in it. they all throw a 200.

BTW, I'm getting ready to redesign this site for mobile. the previous design went up in 2012 so code is outdated.
There is a jquery for the slideshow (which I've just updated to the current version).

However, the live header checker shows that one of the old jquerys for the menu is throwing a 404.
If I remove it and test again then the other jquery for the menu (effects) throws a 404 even though it's there and there are a lot more errors.

I can't remove the jquery for the menu as that will be done during the redesign so I put it back in.

I assume there is a conflict with the jqueries and I'll just have to leave this till the site is redesigned, or load the gallery by another means.

[Dimitri]

No error message in the console?

[gxbc]

The HTTP code 200 means success.

Is this slideshow javascript based ? Or is it a normal HTML ?

[Lorel]

@gxbc

It is javascript. It's the Ultimate Fade in slideshow from dynamic drive. I have the same slideshow on another page that is working and I compared codes on both pages and don't see anything wrong. This one has a lot more pictures, however. Thanks for trying to help. It's been so long since I posted this I forgot all about it.

[Ron_Peters]

It's probably the cache. Clear out all cookies, cache and reload the css/js code!