Plaatje bij submit button form met mouse over

Door Res Bas op 09-01-2010 16:07

2.275 views

Hoi beste mensen,

Mijn vraag is als volgt:
Ik heb momenteel

<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.

Yearupie Achternaamloos

09-01-2010 16:16

Lijkt me meer css?

Je moet zoiets doen:

input {
background-image : url("images/buttons/wijzigen2.png");
}

input:hover {
background-image : url("images/buttons/wijzigen2.png");
}

Jesper Diovo

09-01-2010 17:21

Bekijk het onmouseover-event maar eens:


<input src="images/buttons/wijzigen.png" type="image" onmouseover="this.src='images/buttons/wijzigen2.png'" onmouseout="this.src='images/buttons/wijzigen.png'" />

Res Bas

09-01-2010 20:21

Jezpur schreef op 09.01.2010 17:21
Bekijk het onmouseover-event maar eens:
<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!

Niels K

09-01-2010 20:28

@jepzur

En als javascript uit staat?

Koppel je button gewoon aan een class. en klaar is Passion

Jesper Diovo

10-01-2010 09:23

@Niels: een src-element en een background-optie bij CSS is niet hetzelfde. Als men een src toekent, maar ondertussen de background zit te veranderen, zul je zien dat het niet werkt - de background zit namelijk achter de src. Of men moet een geheel transparent plaatje gebruiken met de afmetingen van de daadwerkelijke button, of men moet het op een andere manier oplossen ;).

Reageren

Inloggen om te reageren