CSS Popup Image Viewer

[johnny2]

Hello
I recently created a website and I included the code in this page http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P150/

Basically it displays an image when the mouse go over a word or a thumbnail picture.

I put the script like it says there right in the heading and it works if i run it on my computer (Ican see the images when I move mouse over text):D

but when i try to run it from a webhost (internet) I see the image text along with a border but no image :(

I tried many things and I still cant get it to work

Any help is much appreciated
The webpage
http://nal.atspace.com/Signs.html

I coudnt post the html code here, Please see the source code by rightclick the above webpage and selecting "view source" in IE or "view page source" in Firefox

[rangana]

Because they don't exist. Take for instance the highighted part:


<span><img src="images/signs/Speeds.jpg" /><br />Common Speed Zone Signs</span>


The highlighted does'nt exist yet (http://nal.atspace.com/images/Speeds.jpg).

The only thumbnail that works is that of Dynamic Drive link whose image is uploaded:


<img src="http://www.dynamicdrive.com/cssexamples/media/sushi2.jpg" />


Hope that makes sense.

[johnny2]

Thanks for the fast response rangana ! Can i just ask, Can you see the images in the website? When i go tot the webpage I cant see anything :(

I played around with the code with a new html seems to me I cant put images in a subfolder :(
If i get lucky ill tell you :)

Thanks

The files that dont exist :D I was playing around with it to see what i could do
other than that everything is there

UPDATE ::::
Just got it to work, The names are case sensitive :D Anyways Thanks rangana for prompt help and for the code author
cheers

[rangana]

No problem.

BTW, the author of the code is'nt me, but Dynamic Drive.

[James Hillier]

I have a question about CSS and photos. I tried to add the coding for displaying an image from a thumbnail when the cursor was over the thumbnail. I also have CSS coding for "text" in the web page from dreamweaver from their entertainment set.
The additional coding gives me a "box" for the thumbnail but no thumbnail. When I put the curson on it I get another "box" but no larger photo. The only thing that shows is the "title" of the photo.
When using 2 sets of CSS coding directly after the "meta tags" how do you do this to make sure that your page formating and the photos both work.??

[rangana]

Please give us a link to the page in question.