Efekt rollover i link tekstowy Opcje

[kornel-php]

Mam kod:

[HTML] pobierz, plaintext 
<a href="kontakt.html" class="kontakt">
			<img src="grafika/koperta.gif" border="0" onmouseover="src='grafika/koperta_.gif'" onmouseout="src='grafika/koperta.gif'">
 
                        &nbsp;KONTAKT
			</a>
[HTML] pobierz, plaintext 

Jeśli najade myszką na obrazek, to zmieni się obrazek, jak i rówież kolor tekstu (ustawione w css). Jeśli zrobię odwrotnie, najade na napis, to zmieni się tylko tekst, a obrazek zostanie bez zmian...

Czy można zrobić tak, by w obu przypadkach zmieniały się oba elementy?

Bardzo mi na tym zależy, prosze o odpowiedź, pozdrawiam.

[kwiateusz]

a może do a dodaj coś pokroju

[HTML] pobierz, plaintext 
onmouseover="this.firstChild.src='grafika/koperta_.gif'"
[HTML] pobierz, plaintext 

i analogicznie onmouseout

js sie ucze więc może być tu błąd (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował kwiateusz 10.07.2006, 18:51:25

[kornel-php]

Spoko, ale wolałbym tego nie robić w JavaScripcie - no chyba, że nie będzie wyjścia...

Poczekam, może ktoś będzie wiedział jak zrobić to w gołym HTMLu.

Pozdrawiam i miłego dnia zyczę

[kwiateusz]

wzrorowałem się na Twoim kodzie gdzie jest js do podmiany obrazka...

[kornel-php]

@kwiateusz, mógłbyś mi podrzucić kod JS, bo mi coś nie idzie...

W sumie to z JS znam tylko window.print() itd, więc raczej sam nie dam sobie rady...

Będę bardzo wdzięczny (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[kwiateusz]

jednak za cienki jestem zeby to napisac (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) ten moj kodzik widze ze nie dzial bo sam go testowałem.. może ktoś mądrzejszy się znajdzie...

[kornel-php]

Ok, spoko (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Wpadłem na inny pomysł - jakim jest FLASH, ale jeśli ktoś napisze odpowiedni kod, to będę wdzięczny, pozdrawiam i przyjemnej pracy życzę (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[kwiateusz]

nie jest to śliczne i piękne, ale działa (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[HTML] pobierz, plaintext 
<a href="kontakt.html" class="kontakt" onmouseover="document.getElementById('obrazek').src='grafika/koperta_.gif'" onmouseout="document.getElementById('obrazek').src='grafika/koperta.gif'">
<img id="obrazek" src="grafika/koperta.gif" border="0">
 
&nbsp;KONTAKT
</a>
[HTML] pobierz, plaintext 

[kornel-php]

@kwiateusz - jesteś wielki! (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[LBO]

Przerób HTML i zastosuj ten pomysł:
http://wellstyled.com/css-nopreload-rollovers.html

[kornel-php]

Bardzo ciekawa rzecz, dzięki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)