Code to Highlight Images

blueangell · Joined: 31 Jan 2006 Posts: 19

Hello , im trying to find a javascript to use on my website to highlight images when you put a mouse over them.

Basically i wanted them in grey until someone mouses over them and then they will pop out in colour. I hope that makes sense as i am still actually learning.

If anyone could help me that would be muchly appreciated.

administrator · Site Admin Joined: 01 Oct 2004 Posts: 183

You will need 2 copies of your image - one in color and one in grey. Then you can use the onMouseOver and onMouseOut link event handlers to switch between the 2 images.

I hope this helps.
_________________
Peter
ASP & ASP.NET Articles and Tutorials

twinkle · Joined: 31 Jan 2006 Posts: 79

Heres also a script i found for this sort of thing. The guys link is at the bottom and he has some really usful scripts.

Place the following code between your HEAD tags:

Missie · Joined: 06 Feb 2006 Posts: 25

Cool! I have been trying to figure this one out for a long time! Smile

I can't wait to see if it works! Smile

And thanks for the link twinkle! Smile

Know I can get some cool codes off there and won't have to try and find them. Smile

Stitch · Joined: 07 Feb 2006 Posts: 43

Thanks for the info guys, I had been looking for this sort of thing for a long time now and I think I'm getting the idea. Thanks for the code too twinkle.

blueangell · Joined: 31 Jan 2006 Posts: 19

Thank you for all the information. I almost have it working although I have a problem where the image gets stuck sometimes and does not change.

Thanks again!