Advanced (?) Rollover Buttons

[rachit14nov]

I'm working on a website that is going to have a series of buttons, each of which needs to change an associated image when the user rolls over it. What would be the best way to code this?

I imagine it's probably idiotically deceptively simple but I can't think of it at the moment...

 

[adamo]

Use the CSS :hover state
CSS element hover effect
also read about css sprites
A List Apart: Articles: CSS Sprites: Image Slicing’s Kiss of Death

Some image replacement tricks
http://css-tricks.com/css-image-replacement/

This is a tut on making buttons
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

 

[shockie]

go with the css hover rather than messier javascript.

do you work for a web design company?

 

[nasaboy007]

+1 for css hover