[js] przycisk typu IMAGE, z efektem onmouse over Opcje

[AcidBurnt]

witam

mam przyciska typu image

Kod

<input name="login" type="image" src="gfx/zaloguj.gif" class="but"/>

i chcialbym aby przy najechaniu myszka zmienial sie na nim obrazek na gfx.zaloguj_on.gif

pozdro

[yoyo]

Kod

<input name="login" type="image" src="gfx/zaloguj.gif" class="but" onmouseover="this.src='gfx/zaloguj_on.gif'" onmouseout="this.src='gfx/zaloguj.gif'"/>

Chociaż bez preloadera i automatyzacji, to jest cokolwiek chałupnicze.

owszem

A co do inputa rozwiązanie dla wszystkich przeglądarek
[xml:1:4d166b8f44]<style type="text/css">
.normal{
border: 1px solid black;
background-color: white;
}
.over{
border: 1px solid black;
background-color: yellow;
}
</style>

<input type="text" onMouseOver="this.className='over'" onMouseOut="this.className='normal'" class="normal" />[/xml:1:4d166b8f44]

a jeśli nie interesuje cię MSIE, który nie obsługuje wszystkich selektorów css2 to wystarczy ci w stylach ustawić dla inputu:

[xml:1:4d166b8f44]<style type="text/css">
input:hover{ background-color: yellow; }
</style>[/xml:1:4d166b8f44]