Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Immagine onclick event

  1. #1

    Immagine onclick event

    E' possibile realizzare un effetto di cambio immagine quando il mouse clicca sopra, ottenendo così che tutto il tempo che si tiene premuto su un'immaigne questa cambierà e poi, quando si lascia il tasto, tornerà normale?
    Tutto questo per avere un bottone animato naturalmetne.
    SENZA JAVASCRIPT possibilmente... anche con css va bene.

  2. #2
    Reale_Augello
    Guest

    Non...

    ... credo sia possibile gestire l'evento "rilascio del pulsante".
    Se ti va bene che l'immagine torni quella originale quando il mouse esce dall'immagine, potrei scriverti una bozza di codice.

  3. #3
    Ehi se per te va bene vediamo che si può fare...

  4. #4
    Reale_Augello
    Guest

    Prova...

    ... così:

    codice:
    <style type="text/css">
    
    .c1 {
    background-image:url('immagine1.gif');
    }
    
    .c2 {
    background-image:url('immagine2.gif');
    }
    
    </style>
    E poi abbiamo l'immagine:

    codice:
    <div class="c1" style="width:300;height:200;" onClick="this.className='c2';" onMouseUp="this.className='c1';"></div>
    Dove 300 e 200 sono, rispettivamente, larghezza e altezza della tua immagine iniziale.

    Fammi sapere !

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.