Najechanie na obrazek - zmienienie obrazka


(Michaelp128) #1

Witam! Chodzi mi o kod. Np. tutaj http://bitefight.onet.pl/bite/index2.php?join=1 jeżeli najedzie się na obrazek to się zmieni. Jak to zrobić? Proszę o kod


(Skr3czu) #2

Tutaj na 100% znajdziesz:

http://livescripts.pl/


(system) #3
[/code]

(Michaelp128) #4

na tej stronie jest, dzięki


(system) #5

Ludziska kochani, przestańcie do takich prostych rzeczy używać js. Jest przecież css w którym z powodzeniem można to zrobić.


(Mateusz) #6

Ludziku kochany, załóżmy, że mamy sporą galerię (taką z 50 fotkami) i co masz zamiar dla każdego obrazka pisać:

a#rollover { display: block; width: 250px; height: 145px; 

             background: url(folder/obrazek_x.jpg);

             top left no-repeat; 

             border: 1px solid #f00; }

a:hover#rollover { border-color: #00f; background-position: 0 -145px; }

heh?


(Marek Ciarkowski) #7

no to się lekko pomyliłeś :slight_smile: można to odnieść do kilkuset obrazków jak chcesz. Są przecież klasy i id dla zdjęć itp


(Mateusz) #8

Owszem można by było zmodyfikować kod aby można było wykorzystać jedną klasę dla wszystkich obrazków, ale w tym konkretnym przykładzie akurat nie, bo zdefiniowany obrazek jest w CSSie. O tu:

background: url(folder/obrazek_x.jpg);

(Barthezz) #9

Link podany przez użytkownika _Puma_ do strony http://grabun.com/teksty/przyklady/css-rollover/ jest wystarczającą odpowiedzą na pytanie a metoda jest najlepszym rozwiązaniem. W niektórych przeglądarkach użycie JS może powodować że obrazek po najechaniu będzie się pojawiał z opóźnieniem, przy użyciu CSS problem ten nie występuje.