Podstrony
- telcocafe
- Skrypt: strona zależna od szybkości łącza. Czy ma ktoś taki skrypt Jak go napisać!!
- łącza pytanie bardzo początkującego
- Najazdy na hiperłącza będące obrazkami
- NiemoĹźliwe wysyĹanie plikĂłw i zmiana atrybutĂłw przez FTP
- [PHP, MySQL]WĹasny kanaĹ RSS
- MAMBO problem z instalacja na yoyo.pl
- PHPSESSID i validator problem..
- moo.fx opis instalacji..?
- Wycinanie okna.
- [mysql] zapis do bazy
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- demonter.keep.pl
telcocafe
Witam wszystkich forumowicznów. Zacząłem się zastanawiać jak zrobić żeby po najeździe na link który jest obrazkiem pokazywał się inny obrazek o odmiennych kolorkach. Interesowało by mnie jeszcze jak zrobić żeby podczas najazdu odtwarzał się dźwiękPozdrawiam :)
Witam wszystkich forumowicznów. Zacząłem się zastanawiać jak zrobić żeby po najeździe na link który jest obrazkiem pokazywał się inny obrazek o odmiennych kolorkach. Interesowało by mnie jeszcze jak zrobić żeby podczas najazdu odtwarzał się dźwięk
Pozdrawiam :)
http://www.kurshtml.boo.pl <_<
Zacząłem się zastanawiać jak zrobić żeby po najeździe na link który jest obrazkiem pokazywał się inny obrazek o odmiennych kolorkach.
Mógłbyś jaśniej ;)
Obrazek na inny obrazek:
Ja bym to zrobił tak:
W head:
<script type="text/javascript"> r1=new Image(); r1.src='xxx.xxx'; r2=new Image(); r2.src='xxx.xxx'; r3=new Image(); r3.src='xxx.xxx'; </script>
Wyjaśnienie: w miejsce xxx.xxx wstawiasz obrazek na jaki ma być zamieniony obrazek (po "najeździe na obrazek" - hover). Jeżeli chcesz więcej obrazków to wstawiasz kolejne:
rx=new Image(); rx.src='xxx.xxx';
gdzie x (przy "r") to numer z kolei, czyli następny to by był r4.
A obrazek:
<img src="xxx.xxx" onmouseover="this.src =r1.src;" onmouseout="this.src = 'xxx.xxx'" alt="" border="0" />
wyjaśnienie:
w miejsce xxx.xxx <- adres obrazka "standardowego" na mouseout - czyli jak myszka jest poza obrazkiem, a zamiast r1 to ten rx z javascript
A w x.css(albo w head, zależy od ciebie) wstawiasz:
A:link { text-decoration:none; outline-style:none; } A:visited { text-decoration:none; outline-style:none; } A:hover { text-decoration:none; outline-style:none; } a{ text-decoration: none; }
I to niby wszystko.
Pozdro.
//To jest zapewne jeden z kilku sposobów, ale ja z niego korzystam. :P
Użytkownik master_dos edytował ten post 07 grudzień 2006, 17:13
Sposób wyżej jest niestety słaby z powodu doczytywania grafiki :-). Polecam poczytać Ci o efekcie rollover w CSS. Co do dźwięku - flash.