[CSS][HTML]Rollover Opcje

[Poczatkujacy_Web]

Witam!

Chcialbym zrobic aby rollover dzialal tak ze zmiana obrazka wyglada tak jak tutaj : http://www.maitredeau.be/ po najechaniu na jedna z tych 3 grafik.

Robie to w ten sposob :

<a href="http://www.pckurier.pl" onMouseOver='rollover.src="../grafika/pcq.gif"'
onMouseOut='rollover.src="../grafika/hand.gif"'>
<img src="../grafika/hand.gif" name="rollover" border="0"></a>

lecz to zamienia grafiki od razu bez tego ladnego efektu wejscia od dolu. Jak to zrobic? Da sie w html/css czy javascript? Pomożcie

[kamil4u]

CSS3:
- :hover - najechanie na obrazke
- CSS3 Transitions - animacja - wydaje się to skomplikowane, ale tak naprawdę jest proste

Wada: Brak IE i starych przeglądarek.
Przykład: http://www.w3schools.com/css3/tryit.asp?fi...ss3_transition1

JS:
Musisz samemu zrobić skrypt animacji. Najłatwiej poprzez setInterval. Zmieniasz styl danego elementu cyklicznie, małymi kroczkami.
Działa pod każdą przeglądarką.

jQuery:
To co wyżej tyle, że już zostało napisane. Między innymi przez twórców jQuery. W sumie dostajesz gotowy skrypt, poszukaj w dokumentacji. W necie są też setki przykładów.