[javascript] inserire due immagini che cambiano per ogni link

[candide]

Salve a tutti,

Io desidererei realizzare una pagina HTML con diversi collegamenti ipertestuali e vorrei farlo tramite delle immagini cliccabili per ognuno di essi.
Ogni collegamento dovrebbe avere due immagini: una che si vede solo quando il mouse ci passa sopra (ma non ci clicca) e l'altra che si vede di "default" (quando non ci passa sopra niente)

Come posso fare a realizzare tutto questo? (anche non in javascript se esiste un modo)

Ringrazio in anticipo per le eventuali risposte che spero positive^^

[banryu79]

Google è tuo amico: cerca javascript rollover.
due esempi:
link1 (http://www.thesitewizard.com/archive/rollovers.shtml)link2 (http://www.allwebfree.it/articolo_javascript_rollover_immagini.php)

[vladix]

se intendi il solito menu che cambia immagine quando ci passi sopra puoi usare i css ...
ci metti questo nel tuo css e tutti i link avrano come background le immagini che tu definisci

a {
background-image: url(immagine default);
}

a:hover {
background-image: url(immagine quando il mouse e soipra );
}


dacci un occhiata qui http://www.echoecho.com/csslinks.htm ,

[thehuge]

Come già detto in un altro post (http://www.hwupgrade.it/forum/showthread.php?t=1781270):
Ti consiglio vivamente di usare gli sprites.
In questo modo viene fatta una sola richiesta HTTP per l'immagine (con evidente risparmio di tempo per il caricamento) e non è più necessario JavaScript (almeno per questa operazione).

[candide]

Grazie ragazzi, è che sono agli inizi e non riesco a trovare tutto il tempo che vorrei per queste cose, quindi spesso e volentieri non so neanche io cosa cercare per fare quello che vorrei :-/

EDIT: "sprites"? o_O

[thehuge]

"sprites"? o_O
Sprites (http://www.alistapart.com/articles/sprites)

P.S.: nel quotarmi avevo perso il link :p