-
onMouseOver immagine
Ciao a tutti!
Vi scrivo perchè ho un problema: la mia intenzione è quella di fare in modo che un immagini cambi al passaggio del mouse.
In rete ho trovato vari siti che davano "pezzi" di codice relativi a questo argomento, ma non riesco a farlo funzionare.
Premetto che non vorrei implementare CSS, ma fare il tutto "alla vecchia maniera", cioè simile a questo codice:
Codice:
<a href="miolink"><img src [eventuale pezzo di codice contenente onMouseOver]>
Come devo fare? Grazie a tutti!!
P.S.
So che, ovviamente, le due immagini che andranno a switchare devono essere della stessa identica dimensione.
-
Le due immagine possono avere anche dimensione diversa, l'effetto switch tra le due avviene uguale, e solamente consigliabile farlo con immagine della stessa dimensione, o impostando direttamente le dimensione al tag img solamente per non rendere scradevole l'effetto, visto che questo si fa, se non lo vuoi fare in CSS, con javascript, cosi:
Codice HTML:
<img src='percorso_immagine' onmouseover="this.src='percorso_altra_immagine'" onmouseout="this.src='percorso_immagine_originale'" />
Ti consiglio ti dare un'occhiata meglio a queste cose, soprattutto il codice all'interno delle attributi onmouseover, eseguito quando il cursore si trova sull'elemento, e onmouseout, eseguito quando il cursore va fuori dall'elemento, e del suo contenuto:
Codice:
this.src='percorso_img'
Codice javascript che dice di valorizzare l'attributo src dell'elemento corrente ( this ) al valore percorso_img.
Ovviamente questo è codice Javascript, e non funziona se viene disattivato dal client.
P.S.: Premetto che io negli ultimi tempi non ho mai provato a fare questo con i CSS, ma te li consiglio, soprattutto se l'utente disattiva javascript.
-
Ti ringrazio infinitamente!
Funziona in maniera egregia ;)