Cambio immagine con onMouseOver:

[purno]

Uso questa semplice stringa per cambiare velocemente immagine al passaggio del mouse del visitatore.

<img src="immagine1.gif" name="img"
onMouseOver="document.img.src='immagine2.gif';"
onMouseOut="document.img.src='immagine1.gif'; "border="0" >

L'inconveniente è che funziona solo on-line. Se si salva la pagina viene salvata solo l'immagine1.gif e al passaggio del mouse l'immagine2.gif non compare... e nè ricompare l'immagine1.gif se il mouse si sposta. E' un effetto un pò bruttino che non sò come ovviare; al massimo posso fare comparire del testo descrittivo al posto del "nulla":

<img src="immagine1.gif" name="img"
onMouseOver="document.img.src='immagine2.gif';"
onMouseOut="document.img.src='immagine1.gif'; "border="0" alt="Del testo descrittivo.">

Quindi chiedo se qualcuno ha una soluzione migliore. Grazie. :slurp:

 

[sbobby]

A me con questo codice non funziona...come mai??!!
Devo inserire qualcosa nell'header per caso???
Grazie....

 

[Kobra]

Ho risposto nel post "OnMouseOver", spero sia d'aiuto...

Ciauz... :elvis:

 

[metalgemini]

Uso questa semplice stringa per cambiare velocemente immagine al passaggio del mouse del visitatore.

<img src="immagine1.gif" name="img"
onMouseOver="document.img.src='immagine2.gif';"
onMouseOut="document.img.src='immagine1.gif'; "border="0" >

L'inconveniente è che funziona solo on-line. Se si salva la pagina viene salvata solo l'immagine1.gif e al passaggio del mouse l'immagine2.gif non compare... e nè ricompare l'immagine1.gif se il mouse si sposta. E' un effetto un pò bruttino che non sò come ovviare; al massimo posso fare comparire del testo descrittivo al posto del "nulla":

<img src="immagine1.gif" name="img"
onMouseOver="document.img.src='immagine2.gif';"
onMouseOut="document.img.src='immagine1.gif'; "border="0" alt="Del testo descrittivo.">

Quindi chiedo se qualcuno ha una soluzione migliore. Grazie. :slurp:

il codice va bene...se l'immagine nn compare è xkè non te la scarica il browser...

 

[sbobby]

Ci sono riuscito...grazie a tutti!!!

 

[metalgemini]

Ci sono riuscito...grazie a tutti!!!

Grande.:fonzie:

 

[yrne]

Io ho fatto così

Io uso questo codice:

<img src="immagine1.jpg"
onmouseover="this.src='immagine 2.gif'"
onmouseout="this.src='immagine1.gif'">

Funziona perfettamente anche off-line.

 

[glaciale]

Cambio immagine con onMouseOver

A me con questo codice non funziona...come mai??!!
Devo inserire qualcosa nell'header per caso???
Grazie....

devi mettere anche l'href cosi <a href="il linkdel tuo sito o pagina"><img src="immagine1.gif" name="img"
onMouseOver="document.img.src='immagine2.gif';"
onMouseOut="document.img.src='immagine1.gif'; "border="0" alt="Del testo descrittivo.">