Rollover Image With Buttons

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

Solution 1:

Try this?

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

Solution 2:

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

Solution 3:

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

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