Welcome to WebmasterWorld Guest from 3.226.251.81

Forum Moderators: open

Images not loading

in mini slideshows

     
4:28 pm on Jul 11, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:June 4, 2002
posts: 1908
votes: 3


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.
4:33 pm on July 11, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Nov 13, 2016
posts:1174
votes: 275


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).
5:31 pm on July 11, 2019 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4391
votes: 310


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.
6:15 pm on July 11, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10109
votes: 1002


clear the browser cache, close the browser, then reload the browser and try again ... this will determine if the browser suffered a memory leak.
9:24 pm on July 11, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:June 4, 2002
posts: 1908
votes: 3


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.
7:59 am on July 12, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Nov 13, 2016
posts:1174
votes: 275


No error message in the console?
1:20 pm on Aug 4, 2019 (gmt 0)

New User

joined:Aug 4, 2019
posts:3
votes: 0


The HTTP code 200 means success.

Is this slideshow javascript based ? Or is it a normal HTML ?
4:11 pm on Aug 5, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:June 4, 2002
posts: 1908
votes: 3


@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.