[CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
koshernyi
Posty: 2
Rejestracja: pn sie 13, 2007 11:52 pm

[CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

Post autor: koshernyi »

Witajcie!

Jestem tu po piszącym po raz pierwszy, bo ostatnio poległem i potrzebuję podpowiedzi.


Mam stworzoną listę linków i chciałbym żeby najechanie na link, powodowało pokazanie się odpowiadającego mu obrazka w jakimś określonym (najlepiej przeze mnie :wink: ) miejscu strony...


Ma ktoś jakiś pomysł na wykorzystanie CSSa albo JS w tym przypadku??
ONEY
Nowy
Nowy
Posty: 77
Rejestracja: ndz wrz 12, 2004 6:23 pm
Lokalizacja: BB

Re: [CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

Post autor: ONEY »

http://grabun.com/teksty/przyklady/css-rollover/
To ci powinno pomóc... wystarczy jak zmienisz pozycje
kulmen
Nowy
Nowy
Posty: 64
Rejestracja: sob cze 23, 2007 3:24 am
Kontakt:

Re: [CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

Post autor: kulmen »

css-rollover działa tylko dla linka. Nie zadziała jeśli chce się wyświetlić coś w innym elemencie, a jak napisał koshernyi chciałby aby wyświetlało się w dowolnym miejscu strony.

Możesz to zrobić tak. Ustawiasz id dla elementu strony w którym chcesz wyświetlać obrazek, a następnie w linku dajesz:

Kod: Zaznacz cały

onmouseover="document.getElementById('id_elementu').style.background = 'url(obrazek.jpg)'"
No i podobnie dla onmouseout jeśli chcesz aby po zjechaniu z linku element powrócił do pierwotnej postaci.
koshernyi
Posty: 2
Rejestracja: pn sie 13, 2007 11:52 pm

Re: [CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

Post autor: koshernyi »

Własnie o to chodziło, dzięki kulmen, bardzo mi pomogłeś.

Pozdrawiam!
kulmen
Nowy
Nowy
Posty: 64
Rejestracja: sob cze 23, 2007 3:24 am
Kontakt:

Re: [CSS] kursor na link wyświetla obrazek w odpowiednim miejscu

Post autor: kulmen »

Drobna poprawka:
Powinno być backgroundImage a nie background
ODPOWIEDZ