JavaScript changing from small image to large image on mouseover

Hi all,
I have nearly finished my website and have 1 more thing to get through.
I couldn't have done it without all the help recieved from you guys and would like to say thankyou. What i am trying to work out is how to change the images on the link below. I want to make the image change to a larger image when mouseover and add a description to the larger image. I have scoured google for help but cannot work out how to do it for the best. The first image in my gallery page is named "image758.jpg" width 100 height 75 and the larger images i have are 500width and 375 height. my small images are in my index_files folder with everything else for the site. and my larger images are on my desktop in another folder named large images. Anyone know how i can do this in the best way and what i need to name my larger images and do they need to be in the same folder as my small images.
Hope all this makes sense.
Thanks
Lee
http://thegoldplatingcompany.co.uk/index_files/gallery.htm

 

Oh sorry forgot to say. I saw somewhere about using image ready.
I have adobe photoshop cs2 version 9.0 and adobe ready with it and was wondering if i can use that, if so, how to do it.
Many Thanks
Lee

 

I would actually recommend using lightbox and changing it to a 'onmouseover' script which you can find out how to do by going to http://www.dynamicdrive.com/forums/archive/index.php/t-17426.html

You can google 'lightbox' and get the script for free it is easy to use and you can simply apply it to the images you want by adding a rel="lightbox" into your <img src="http://????" rel="lightbox" width="yourwidth" height="yourheight"> etc..the lightbox page you download from should show you exactly how the script works. If you have any questions feel free to ask as I have used this script many times.

 

I would definitely look to Javascript for some sort of solution for this. There are a lot of pure CSS solutions, however they will not would for your specific application. The reason to go with Javascript is to prevent the browser from having to download all images thumbnails and large images. I think the best solution will look something like an onMouseOver that calls a function which takes the fullsize image as the parameter. Cheers.