Plaatje bij submit button form met mouse over
Mijn vraag is als volgt:
Ik heb momenteel
Code (php)
1
<input src="images/buttons/wijzigen.png" type="image" value="Wijzigen" onClick="this.form.action='wijzigen.php';this.form.submit()">
Ik wil dat als ik er met mijn muis over heen hang dat images/buttons/wijzigen.png dan images/buttons/wijzigen2.png wordt en als ik er met mijn muis af ga het weer images/buttons/wijzigen.png wordt. Hoe kan ik dit realiseren? Heb veel op het internet gevonden, maar ben er niet echt uit gekomen en dus kom ik waar weer op het forum waar ik altijd geholpen ben met mijn PHP vragen en hopelijk nu met mijn 'design' vraagje.
Bedankt.
Je moet zoiets doen:
input {
background-image : url("images/buttons/wijzigen2.png");
}
input:hover {
background-image : url("images/buttons/wijzigen2.png");
}
Gewijzigd op 01/01/1970 01:00:00 door Yearupie Achternaamloos
Code (php)
1
<input src="images/buttons/wijzigen.png" type="image" onmouseover="this.src='images/buttons/wijzigen2.png'" onmouseout="this.src='images/buttons/wijzigen.png'" />
Jezpur schreef op 09.01.2010 17:21:
Bekijk het onmouseover-event maar eens:
Code (php)
1
<input src="images/buttons/wijzigen.png" type="image" onmouseover="this.src='images/buttons/wijzigen2.png'" onmouseout="this.src='images/buttons/wijzigen.png'" />
Werkt super! Heel erg bedankt!
En als javascript uit staat?
Koppel je button gewoon aan een class. en klaar is Passion