Rollover di 2 immagini con i CSS

[blumaro]

Vorrei poter fare il rollover (al passaggio del mouse) con 2 immagini che ho realizzato.

Qualcuno mi potrebbe indicare il codice per poter fare il rollover di due immagini con i css?

Oppure anche con Javascript.


Grazie Blum

[Andrea1979]

http://html.it

e cerca "rollover" (senza virgolette)
La ricerca è disabilitata nel forum, non nell'intero sito.
Troverai sia risposte per puro css che javascript

[floyd46]

ciao
nel mio sito (in firma), sezione CSS, c'è proprio un articolo al riguardo.
Fammi sapere se va bene.
Saluti

[deleted_id_48586]

Originariamente inviato da blumaro
Vorrei poter fare il rollover (al passaggio del mouse) con 2 immagini che ho realizzato.

Qualcuno mi potrebbe indicare il codice per poter fare il rollover di due immagini con i css?

Oppure anche con Javascript.


Grazie Blum

beh con i CSS è semplice

a.bottone {
display:block;
width: <larghezza immagine>;
height: <altezza immagine>;
background-image: url("bottoneUp.jpg");
background-repeat:no-repeat;
}

a.bottone:hover {
background-image: url("bottoneDown.jpg");
background-repeat:no-repeat;
}

[simone.xml]

...e ricordati di mettere le immagini dentro delle anchor... in ie la pseudo-classe hover viene riconosciuta solo li eventualmente metti come href javascrtipt:void();