Testo che al passaggio del mouse carica immagine

[irenem]

Ciao a tutti,

Sapete indicarmi dove trovare un javascript che permette di modificare dinamicamente un testo e contestualmente caricare un'immagine in una parte impostata dello schermo?

Piu' semplicemente un testo che al passaggio del mouse visualizza immagine

Grazie.

[fcaldera]

semplice esempio:

<span onmouseover="document.getElementById('immagine').src='immagine_da_caricare.gif'">testo sensibile</span>


[img]immagine_vuota.gif[/img]

[irenem]

Benissimo, ma vorrei che quando levo il mouse dal testo l'immagine sparisse...

sai dirmi come posso fare?
Grazie.

Ciao.

[SoulHome]

aggiungi qst al codice di caldera:
onmouseout="document.getElementById('immagine').sr c='immagine_vuota.gif" id="immagine'"

[irenem]

Ti dispiace scrivermelo completo? Ho provato in vari modi ma non fa...

Grazie.

[fcaldera]

<span onmouseover="document.getElementById('immagine').src='immagine_da_caricare.gif'" onmouseout="document.getElementById('immagine').src='immagine_vuota.gif'">testo sensibile</span>


[img]immagine_vuota.gif[/img]

edit: mi accorgo ora che su IE funziona, su Firefox non rileva l'onmouseout... :master:

[irenem]

AL MOMENTO VA BENE ANCHE SE FUNZIONA SOLO SU IE, SE VOGLIO CHE L'IMMAGINE SI VEDA IN UN PUNTO IN PARTICOLARE DEL MONITOR COSA DEVO AGGIUNGERE?

GRAZIE...

[fcaldera]

devi posizionare l'immagine con un foglio di stile, ma a questo punto ti conviene guardare sul forum CSS.

(Se lo vuoi su un punto preciso dello schermo puoi usare un posizionamento assoluto)

se ad esempio vuoi l'immagine nel punto in alto a sx il css associato diventa

body {
    margin: 0; padding: 0;
}
#immagine {
   position: absolute;
   top: 0; left: 0;
}

[irenem]

Perfetto!!! Grazie...