Salve utenti di altervista.
Come potete vedere nel titolo, vorrei sapere come ideare uno che cambia l'immagina al passaggio dal mouse su un'immagine specificata, come posso fare uno script del genere con javascript?
Printable View
Salve utenti di altervista.
Come potete vedere nel titolo, vorrei sapere come ideare uno che cambia l'immagina al passaggio dal mouse su un'immagine specificata, come posso fare uno script del genere con javascript?
Se ti serve qualcosa di veloce e non hai le conoscenze necessarie non ti resta che affidarti a uno script già pronto.
Guardare il codice fatto da un altro è comunque un modo per ispirarsi ed imparare.
Prova a dare un occhiata a questo
Puoi fare tutto anche con css.
Cioè, se tu hai una immagine e gli dai una classe, poi pasandoci sopra è possibile visualizzarne un'altra, così hai il preload e non deve caricarla :wink:
Esempio, nel mio sito uso questo per fare il rollover di una immagine:
Codice:a.portfolio_link{
background: url(../img/portfolio_link_bg.gif) right no-repeat;
background-position: 0 5px;
}
a.portfolio_link:hover{
background-position: 0px -11px;
}
Così l'immagine è una ma viene mostrata una parte, mentre se ci passo sopra la sposta.
Con javascript:Codice HTML:<img src="imm.jpg" onmouseover="this.src='imm2.jpg'" onmouseout="this.src='imm.jpg'">