Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2015
    Messaggi
    95

    Effetto click su immagine

    Buongiorno a tutti, non so se è la sezione giusta ma provo a fare la domanda.

    Ho inserito questo script per eseguire la funzione "scrive()" al click dell'immagine:

    <td><a href="#" onClick="scrive()"><img src="img/off.png" id="L1"/></a></td>

    Non so se conta qualcosa con quello che sto per chiedere, ma questo script è a sua volta inserito in una pagina jquery mobile.

    In pratica vorrei sapere come dare l'effetto di un pulsante a questa immagine, per esempio al click dare l'effetto di un pulsante premuto e poi rilasciato, perchè adesso rimane fissa e non si capisce se ha ricevuto il click.

    In ogni caso come si chiama questo effetto per fare qualche ricerca?

    Grazie mille per l'aiuto...

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, quello che chiedi in realtà non è un effetto d'applicare standard. Solitamente si può facilmente fare tramite CSS.
    Quindi come si fare solitamente per i buttons, puoi applicare/rimuovere una classe sul mouseover.
    Aggiungendo la classe all'immagine(o al link) modifichi i bordi(colori e/o dimensioni) così da sembrare in rilievo o meno( o l'effetto grafico che vuoi dare)

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2015
    Messaggi
    95
    Grazie, sai dove poter trovare un esempio?

  4. #4
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Qui ci sono degli esempi anche se forse abbastanza elaborati per quel poco che ti serve.
    Puoi trovarne altri con google ricercando: css image button effect

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.