Forum PHP.pl > [js] podmiana obrazka po najechaniu =)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] podmiana obrazka po najechaniu =)

dawhol

1.09.2006, 21:26:50

Wiem ze banał i szukałem jzu tego na googlach ale nieznalazłem nic co by mi działało ;/ niewiem moze zle robie. Dlatego prosze o info jak to zrobic najprosciej i tak zeby działało.

Mam obrazki obrazke1.gif i obrazek2.gif i obrazek3.gif obrazek4.gif i che aby po najechaniu na te obrazki pozmieniał ysie one wedlug kolejnosci obrazke1_a.gif i obrazek2_a.gif i obrazek3_a.gif obrazek4_a.gif tzn jak najade na obrazek 1 to pojawi mi sie obrazek 1_a itd

Z góry serdecznie dziękuję

=kokos=

1.09.2006, 22:39:05

[HTML] pobierz, plaintext 
<img src="obrazaki/obrazek1" onmouseover="src='obrazaki/obrazek1_a'" onmouseout="src='obrazaki/obrazek1'">
[HTML] pobierz, plaintext

dawhol

1.09.2006, 23:23:23

dziek wielkie działa.

Mialem cos podobnego ale nie chiało działac =/ no ale wazne ze to działa

s_w_ir

2.09.2006, 03:13:07

To jest tzw. Efekt rollover, aby dobrze to działało na stronie(płynnie) musisz zrobic preload tych obrazków, inaczej po najechaniu, dopiero obrazek się będzie wczytywał.

LBO

2.09.2006, 21:56:31

Po co do tego JavaScript, skoro wystarczy CSS?

mitp

2.09.2006, 22:46:14

przykład z neta:

[HTML] pobierz, plaintext 
<head>
<script language='javascript'>
 
obrazek1=new Image 
obrazek2=new Image 
 
obrazek1.src='niebieski.gif'
obrazek2.src='czerwony.gif'
 
</script>
</head>
 
<body>
<a href="strona.htm" onMouseOver="document.rysunek.src=obrazek1.src" onMouseOut="document.rysunek.src=obrazek2.src"> <img src="czerwony.gif" border="0" name="rysunek"> </a>
</body>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.