animowane butony Opcje

[dymsza]

czy istniej mozliwosc zrobienia animowanego butona bez uzywania flesha tak zeby w momecie najechania na jakis rysunek on zaminial sie z innym . lub tez czy da sie tak zrobic z gidem zeby sie animowal po najechaniu na niego

[revyag]

Możesz użyć input type image i na zdarzenie onmousover i onmouseout podmieniać obrazki.

[HTML] pobierz, plaintext 
<input type="image" src="obrazek.jpg" onmouseover="this.src='obrazek_1.jpg'" onmouseout="this.src='obrazek.jpg'" />
[HTML] pobierz, plaintext 

[erix]

Eee, po co JS?

[HTML] pobierz, plaintext 
<a href="#" class="button"></a>
[HTML] pobierz, plaintext 

Kod

<style type="text/css">
a.button
{ height:20px; width:100px; background: #FFFFFF url('obrazek1.gif'); display: block; }

a.button:hover
{ background-image: url('obrazek2.gif'); }
</style>

Zamiast a.button możesz podstawić inny tag.

Ten post edytował erix 14.10.2006, 18:46:54

[revyag]

@erix zapomniałeś dodać że na ie to nie zadziała.

[erix]

Dla elementu a?
Owszem, działa

[revyag]

niedopatrzenie nie wiem uznałem że te reguły są dla inputa.
Kwestia jest tego typu co to ma robić, bo jeśli wysyłać formularz to lepiej zrobić na zdarzeniach z przyciskiem submit, i ustawić mu background-image.

[erix]

A dostępność? Jeśli oprzesz rozwiązanie o JS, to przy wyłączonej obsłudze - lipa.

Można przecież użyć whatever:hover dla innych elementów

[revyag]

Nie chce wdawać się w offtopikowe dyskusje, ale ile znasz osób które wyłączają javascript ? Szczerze mówiąc przy kodowaniu nigdy nie biorę tej opcji pod uwagę. Jak nie masz javascript to see ya
Zreszta wystarczy zajrzeć na pierwsze lepsze statystyki.

[erix]

Nie chce wdawać się w offtopikowe dyskusje, ale ile znasz osób które wyłączają javascript ?

Lynx, wszelkiego rodzaju boty...

Jak nie masz javascript to see ya

A Web Accessibility? Nota bene, wyłączam JavaScript, jeśli na stronie jest zbyt wiele nachalnych reklam.