HTML image rollover code???

[Nineteen85]

Anyone know how to create a rollover effect on images so when you mouse over it it changes to a different image?

Im using wordpress so it needs to be a code I can just whack into the stylesheet

Thanks

[lacuna]

see here

http://www.java-scripts.net/javascri...r-Script.phtml

[Zayne E.]

Anyone know how to create a rollover effect on images so when you mouse over it it changes to a different image?

Im using wordpress so it needs to be a code I can just whack into the stylesheet

Thanks

The professional way to do it with CSS is to make your "rollover images" a single image with your non-rollover image then use the CSS to change the background-position of the image upon rollover. It doesn't rely on javascript and is WAY faster than a javascript solution.

I used it throughout the new AEBN webmaster site to position images for specific languages...but the same effect can be achieved on mouseover using

a:hover { background-position: 0px 30px; }

http://www.aebn.net/

[Zayne E.]

Sample - right click, view source, enjoy.