rollover image with buttons

Question

Is there a way to make a form input of type image to have a rollover image?

Answer 1

I would just use a normal submit input and use css sprites on it.

http://www.alistapart.com/articles/sprites

Answer 2

The same way as any other image. Change the src property when the mouseover event fires.

Answer 3

Try this?

<input type="image" value="someValue" src="yourImage.gif" width="widthInPixels" height="heightInPixels" onmouseover="this.src='yourImageRollover.gif';" onmouseout="this.src='yourImage.gif';">