2010-02-05 6 views
1

J'ai un formulaire qui a neuf boutons (oui 9) et le client m'a demandé de fournir l'action de la souris sur chacun d'eux. Je suis très à l'aise avec overs de souris standard en utilisant des images CSS et arrière-plan, mais pas avec la façon d'échanger efficacement une image dans quelque chose comme ceci:Formulaire Bouton Image Mouseover Options

<input type="image" src="images/fl-ounces.jpg" name="fluidOunces" alt="" /> 

J'ai cherché loin sur Google et a trouvé une date (2004) option here mais je continue à penser qu'il doit y avoir un meilleur moyen. J'apprécierais quelques conseils à ce sujet.

Merci!

+0

Vous souhaitez avoir une autre image apparaît sur le vol stationnaire ou supprimer l'image sur le vol stationnaire? –

+0

Salut Adhip. Oui, c'était ce que je cherchais. Heureusement, Sarfraz a fourni la solution ci-dessous. Je vous remercie. – fmz

Répondre

1

Que diriez-vous ceci:

<input type="image" src="images/fl-ounces.jpg" name="fluidOunces" alt="" onmouseover="this.src='images/some_image.jpg'" onmouseout="this.src='images/fl-ounces.jpg'" /> 
+0

Excellente solution. Merci beaucoup. – fmz

+0

@fmz: Vous êtes les bienvenus, merci beaucoup :) – Sarfraz