Visualizzazione risultati 1 fino 5 di 5

Discussione: [Javascript] Cambio immagina al passagio del mouse

  1. #1
    L'avatar di sevenjeak
    sevenjeak non è connesso AlterGuru
    Data registrazione
    25-10-2007
    Residenza
    Roma
    Messaggi
    1,769

    Predefinito [Javascript] Cambio immagina al passagio del mouse

    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?

    Sevenjeak
    Software developer and much more

  2. #2
    quizzical non è connesso Neofita
    Data registrazione
    13-08-2008
    Messaggi
    28

    Predefinito

    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
    È meglio avere i pantaloni rotti nel sedere che il sedere rotto nei pantaloni. Free hosting

  3. #3
    Guest

    Predefinito

    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

    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.

  4. #4
    Guest

    Predefinito

    Con javascript:
    Codice HTML:
    <img src="imm.jpg" onmouseover="this.src='imm2.jpg'" onmouseout="this.src='imm.jpg'">

  5. #5
    L'avatar di sevenjeak
    sevenjeak non è connesso AlterGuru
    Data registrazione
    25-10-2007
    Residenza
    Roma
    Messaggi
    1,769

    Predefinito

    Citazione Originalmente inviato da gabryhacker Visualizza messaggio
    Con javascript:
    Codice HTML:
    <img src="imm.jpg" onmouseover="this.src='imm2.jpg'" onmouseout="this.src='imm.jpg'">
    Ho gia provato questo codice, cmq ora riprovo tutti e due i codici.

    Sevenjeak
    Software developer and much more

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •