Najechanie na obrazek - zmienienie obrazka

Dla specjalistów Webmastering
#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

#2

Tutaj na 100% znajdziesz:

http://livescripts.pl/

#3 
[/code]
#4

na tej stronie jest, dzięki

#5

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

#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?

#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

#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);
#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.