Zmiana obrazka za pomocą styli CSS

Witam

Mam pytanie jak zrobić za pomoca styli CSS że jak najedziesz na obrazek to on się zmienia o jak zjedziesz wraca do normalnego wiem jak to zrobic normalnie

:slight_smile:

http://grabun.com/teksty/przyklady/css-rollover/

Thx, a może znacie jeszcze coś innego ?

innego nie znajdziesz, tzn każdy będzie się opierał na tego typu wykorzystaniu pseudoklasy :hover, coś konkretnego Ci w nim nie pasuje?

Za bardzo nie wiem jak zrobić dwa razy na jednym stylu CSS czyli dwa obrazki co zmienić ?

tworząc osobne klasy dla każdego z obrazków np.

obraz{

background-image: url(obrazek1.jpg);

}

obraz:hover: {

background-image: url(obrazek1a.jpg);

}

obraz2{

background-image: url(obrazek2.jpg);

}

obraz2:hover: {

background-image: url(obrazek2a.jpg);

}

a potem w źródle

[/code]

jak gdzies nie ma jakichś literówek to powinno działać

przy pomocy JS też można zrobić dla każdego obrazka, tylko poprostu masz źle napisaną funkcję, funkcja powinna zmieniać obrazek w danym odnośniku (this) a nie w odnośniku o nazwie rollover, można be ewentualnie zmieniać nazwę dla każdego odnośnika, jak kto woli, ale też da się zrobić…

O dzięki o takie coś mi chodziło…

pozdro