Forum forum.webPC.pl Strona Główna  
  forum.webPC.pl
FAQ  FAQ   Szukaj  Szukaj   Użytkownicy  Użytkownicy   Grupy  Grupy
 
Rejestracja  ::  Zaloguj Zaloguj się, by sprawdzić wiadomości
 
Forum forum.webPC.pl Strona Główna --> HTML, DHTML, CSS, Java Script --> Obrazek po najechaniu na tekst

Napisz nowy temat  Odpowiedz do tematu
 Obrazek po najechaniu na tekst Zobacz poprzedni temat :: Zobacz następny temat --> 
Autor Wiadomość
koslawy
PostWysłany: Sro Cze 28, 2006 7:07 pm    Temat postu: Obrazek po najechaniu na tekst Odpowiedz z cytatem

Nowy

Dołączył: 28 Cze 2006
Posty: 1

Witam :>
Czy ktoś może zna kod na to, by po najechaniu na tekst przy kursorze pojawił się obrazek?
Takie coś jak tutaj: http://www.4eversimfantasy.net/study1.htm
Gdy najedzie się na link np. 'Chair' obok kursora pokazuje się zdjęcie tego krzesła.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
Admin
PostWysłany: Sro Cze 28, 2006 10:26 pm    Temat postu: Odpowiedz z cytatem

Admin strony i forum

Dołączył: 17 Kwi 2005
Posty: 708
Skąd: Reda

Przedstawię Ci przykład na podstawie wymienionej przez Ciebie strony:

Kod:

<a href="Downloads/Objects/Study/Office1/4esfoffice1chair.zip" onmouseover=" this.T_BGCOLOR='#cccccc'; this.T_BORDERCOLOR='#000000'; this.T_FONTCOLOR='#000000'; return escape('<img src=Downloads/Objects/Study/Office1/chair.jpg width=192 height=192>')">Chair</a>


Tu chyba nic nie muszę tłumaczyć:
Kod:

href="Downloads/Objects/Study/Office1/4esfoffice1chair.zip"


Za wszystko jest odpowiedzialna dalsza część:
Kod:

onmouseover=" this.T_BGCOLOR='#cccccc'; this.T_BORDERCOLOR='#000000';          this.T_FONTCOLOR='#000000'; return escape('<img src=Downloads/Objects/Study/Office1/chair.jpg width=192 height=192>')"


a dokładnie:
Kod:

return escape('<img src=Downloads/Objects/Study/Office1/chair.jpg width=192 height=192>')


Czyli w połączeniu z onmouseover bez zbędnych bajerów:
Kod:

onmouseover="return escape('<img src=Downloads/Objects/Study/Office1/chair.jpg width=192 height=192>')"


Podmien adres w SRC
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Wyślij email Odwiedź stronę autora
Jezy_k_
PostWysłany: Sro Sie 23, 2006 5:11 pm    Temat postu: Odpowiedz z cytatem

Młodzieniec

Dołączył: 23 Sie 2006
Posty: 28
Skąd: Radom

z tego co wiem mozna to tez zrobic bez JS... za pomoca funkcji :hover (korzystajac jedynie z html i css...)
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
dulek
PostWysłany: Wto Gru 05, 2006 7:34 pm    Temat postu: Odpowiedź Odpowiedz z cytatem

Wioślarz

Dołączył: 03 Gru 2006
Posty: 23

Wejdź sobie na www.strona.pl isię zarejestruj. Potem wejdź w ,,edytuj swoją strone''. tam wejdź w ,,gotowe javascript''. tam jest taki prosty programik, który robi to automatycznie. Wystarczy że podasz tekst, link i adres obrazki, a on Ci wygrawerje odpowiedni kod.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość
ben
PostWysłany: Pon Gru 18, 2006 3:17 am    Temat postu: Odpowiedz z cytatem

Początkujacy

Dołączył: 28 Lis 2006
Posty: 16
Skąd: Łódź

Jezy_k_ napisał:
z tego co wiem mozna to tez zrobic bez JS... za pomoca funkcji :hover (korzystajac jedynie z html i css...)

Tak możesz zrobić w css div który jest ukryty a po na jechaniu zmienia sie jego statu na widoczny i to cala magia, jedyny problem w tym ze cały kod jest automatycznie wczytywany na strone, tak wiec lepiej zrobić to przy użyciu JavaScript.
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
matheus
PostWysłany: Sob Gru 23, 2006 11:01 pm    Temat postu: Odpowiedz z cytatem

Moderator

Dołączył: 22 Lis 2006
Posty: 487
Skąd: 3 Miasto

ja bym to zrobil za pomoca overliba Wink zyli tzw. dymków

Polecam lekture :
http://www.swmarek.qs.pl/java/skrypty/inne/overlib/overlib.htm
_________________
A biada milczącym o Tobie, że mając mowę, stali się niemymi.

| Sopot | | Lębork
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
jarmiar
PostWysłany: Sob Gru 30, 2006 10:01 am    Temat postu: Odpowiedz z cytatem

Pomocnik

Dołączył: 28 Sie 2006
Posty: 317

matheus napisał:
ja bym to zrobil za pomoca overliba Wink zyli tzw. dymków

Polecam lekture :
http://www.swmarek.qs.pl/java/skrypty/inne/overlib/overlib.htm


zrobiłem tak jak mówił @mateus u nie wyszło mi to zbytnio.

w czym mogłem zrobić błąd Question
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
matheus
PostWysłany: Sob Gru 30, 2006 2:02 pm    Temat postu: Odpowiedz z cytatem

Moderator

Dołączył: 22 Lis 2006
Posty: 487
Skąd: 3 Miasto

no to pokaz kod jaki zrobiles to zobaczymy gdzie jest blad Wink
_________________
A biada milczącym o Tobie, że mając mowę, stali się niemymi.

| Sopot | | Lębork
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
jarmiar
PostWysłany: Sob Gru 30, 2006 3:25 pm    Temat postu: Odpowiedz z cytatem

Pomocnik

Dołączył: 28 Sie 2006
Posty: 317

matheus napisał:
no to pokaz kod jaki zrobiles to zobaczymy gdzie jest blad Wink


o to i kod:

Kod:

<p> Kliknij "Krótko o mnie", aby się dowiedzieć kilka rzeczy</p>
<br>
<a href="strony/omnie.shtml" onmouseover=" this.T_BGCOLOR='#494949; this.T_BORDERCOLOR='#000000'; this.T_FONTCOLOR='#000000'; return escape('<img src=strony/img/k/komorka.jpg width=32height=32>')">Krótko o mnie</a>
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
ghosti
PostWysłany: Sob Gru 30, 2006 4:52 pm    Temat postu: Odpowiedz z cytatem

Operator

Dołączył: 26 Lis 2006
Posty: 538

na poczatek wstaw spacje miedzy width=32 a height=32..
_________________
bankier fotka forum nastolatek ciechocinek toruń noclegi
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
jarmiar
PostWysłany: Sob Gru 30, 2006 5:10 pm    Temat postu: Odpowiedz z cytatem

Pomocnik

Dołączył: 28 Sie 2006
Posty: 317

ghosti napisał:
na poczatek wstaw spacje miedzy width=32 a height=32..


okazało się że to niedziała dlatego bo otworzyłem do w firefoxie
a to tylko w IE działa
Powrót do góry
Zobacz profil autora Wyślij prywatną wiadomość Odwiedź stronę autora
Wyświetl posty z ostatnich:   
Napisz nowy temat  Odpowiedz do tematu Strona 1 z 1

Forum forum.webPC.pl Strona Główna --> HTML, DHTML, CSS, Java Script --> Obrazek po najechaniu na tekst
Skocz do:  



Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach


gabloty aluminiowe, wiaty kroll, aquai
Powered by phpBB © 2001, 2005 phpBB Group.