Guide › Effetto “onmouseover”

Questo trucco permette di mostrare un’immagine che, al passaggio del cursore su di essa, cambia in una seconda immagine. Può essere utile per realizzare pulsanti complessi o semplici effetti, magari per un simpatico Easter egg.

 

Per ottenere l’URL di un'immagine, carica l’immagine in una pagina nascosta del tuo sito, vai in modalità anteprima, fai click destro col mouse sull'immagine e seleziona “Copia URL immagine”.

 

Ricordati di inserire anche l’URL a cui l’utente sarà indirizzato al click sull’immagine. 

 



Passa col cursore sull’immagine


Widget/html
<a href="Link al click">
  <img
    src="URL immagine 1"
    onmouseover="src='URL immagine 2'"
    onmouseout= "src='URL immagine 1'"
  />
</a>