Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Cambio immagine al click

    mi serve un codice preferisco in html che io quando clicco su un immagine questa cambi (da 1 vada a 2) e ci rimanga e poi quando ci riclicco torni come prima (da 2 vada a 1) e quando carico la pagina questo sia 1 sempre a ogni aggiornamento della pagina

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Solo in html non si può.
    Devi per forza usare un po' di js:
    codice HTML:
    <img src="a.jpg" onclick='this.src=(this.src=="a.jpg"?"b.jpg":"a.jpg")'/>
    O se non vuoi il js si può fare anche con i css3, ma non funzionerebbe sui vecchi browser
    No

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Quote Originariamente inviata da tampertools Visualizza il messaggio
    codice:
    <img src="a.jpg" onclick='this.src=(this.src=="a.jpg"?"b.jpg":"a.jpg")'/>
    a me non mi funge (test su IE8, CR e FF)

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    http://jsfiddle.net/v73hF/embedded/result,html/

    Testato su IE7-8-9 e Chrome

    (Ho solo cambiato i link delle immagini, nessun'altra modifica)
    No

  5. #5
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    ho capito il problema: servono percorsi assoluti

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Ok, quelli relativi non li ho provati... ma perché non funziona?
    No

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    no. almeno di non fare un preload, credo.

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.