[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 link2

[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:

Originariamente inviato da thehuge

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]

Originariamente inviato da candide

"sprites"? o_O

Sprites

P.S.: nel quotarmi avevo perso il link