Hi All!

Basically what i want to is change the color or even better the entire image when the mouse rolls over the top of the image.

Has anyone got any insight on how to do this?

Thanks

Dave

Loads of info all over the web by Googling "image rollovers"

Heres one link to get you started!

http://www.dynamicdrive.com/dynamicindex15/domroll.htm

Thanks Rolda, i'll give it a try and post back if i need help... probability

It is also possible to do that WITHOUT javascript - using CSS - depends on what the purpose of the image is.

CSS would be more efficient and faster loading than java. You can create either internal style sheets if each page will have different images or use an external style sheet if you want all your pages to look the same.

I know, I know, Sorry... CSS! CSS! CSS! CSS!

I'll get my head round it one day!

if i understand, this maybe work:

<img src="firstImage.jpg" onmouseover="this.src='secondImage.jpg';" />

if you need to show the original image when mouse out, must add:

... onmouseout="this.src='firstImage.jpg';" />

This must work, but there is better ways to perform it