Loading gif problem

[vibejunkie]

1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem: For some reason the loading gif doesn't show and so what should look like a nice rotating image loading gif just looks like a missing image icon.

I'm sure it's an easy fix but I just can't get . See example here http://www.charmnecklaces.co.uk/newsite/standard/pinks.html

dynamic drive javascript page is here:
http://www.charmnecklaces.co.uk/newsite/thumbnailviewer.js

Please help!

[jscheuer1]

This is where the browser expects the image to be:


http://www.charmnecklaces.co.uk/newsite/standard/images/loading.gif

It is not there. Make sure the path and filename are spelled correctly, including upper and lower case. If that's not where the image is, but it is on the server, make the path correct. Oh, I found it, change (in thumbnailviewer.js):


defineLoading: '<img src="images/loading.gif" /> Loading...', //Define HTML for "loading" div

to:


defineLoading: '<img src="http://www.charmnecklaces.co.uk/newsite/images/loading.gif" /> Loading...', //Define HTML for "loading" div

If you want to use the relative path (instead of the absolute one I'm giving you) it must be relative to the page that is using it, not to the script file.