Zmieniajacy sie rysunek Opcje

[dymsza]

chial bym aby ponajechniu na rysunek on zminiel sie na inny najpiej zeby to dzilo bez wykozystania javscript ale ewentulanie przezyje pomoze mi ktos (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[Cienki1980]

No to jak znajdziesz sposób bez JS to ja z chęcia posłucham.

W JS odczytujesz onmouseover() i onmouseout() i w zależności od tego zmieniasz obrazek.

[maryaan]

jest to wykonalne za pomoca css, wystarczy zrobic diva ktoremu zmieniasz tlo

[Cienki1980]

@maryaan: a jak za pomocą CSS'a odczytasz czy mysz jest akurat nad obrazkiem, który ma się zmienić ?
Tak czy inaczej musisz użyć JS ... a co za tym idzie lepiej całość zrobić w JS.

[maryaan]

dla js wpisujesz zdarzenia onmousecostam() a dla css dajesz styl "zwykly" i styl "hover", jeszcze jak masz do dyspozycji php to juz calkiem z gorki masz (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[Cienki1980]

No czyli tak czy inaczej musisz skorzystać z JS.(IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) A skoro odczytujesz w JS onmouseover i onmouseout to chyba szybciej zrobić to w całości w JS niż w CSS.

Co oczywiście nie zmienia faktu, że można sama zmianę obrazka zrobić za pomocą CSS.

[maryaan]

no wlasnie napisalem ze nie musisz z js korzystac bo uzywasz hovera dla kazdego diva osobno i masz podmiane obrazka w samym css, troche kombinacyjne ale dziala

[Cienki1980]

OK nie doczytałem, że jest "a dla css" ... zabrakło mi literki "a".
RESPECT (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

A żeby post nie był czczym nabijaniem postów oto jak zrobić to w JS

[HTML] pobierz, plaintext 
<img src="up.gif" onmouseover="this.src='down.gif'" onmouseout="this.src='up.gif'">
[HTML] pobierz, plaintext