script per checkbox gestione immagini

**Jacqui** · 26-02-2016, 15:01

Ciao a tutti, sto cercando uno script che mi permetta in tempo reale di visualizzare una immagine quando seleziono il check box corrispondente. Tipo interruttore.
Grazie
Giacomo

**Jacqui** · 03-03-2016, 00:37

UP

**KillerWorm** · 03-03-2016, 01:54

Ciao, dovresti fornire maggiori dettagli. Si può fare in millemila modi, per cui è difficile darti dei consigli mirati senza capire cosa vorresti ottenere esattamente, a cosa ti serve quella roba, dove devi usarla, dimensioni, colore, marca e modello...

Da regolamento:

- cercare di specificare il più possibile il problema anche nel messaggio
Ricordate che un'esposizione chiara e sufficientemente dettagliata (sempre in italiano, gli sms saranno cestinati

) aumenta la possibilita' di ricevere aiuto.

Io ti proporrei di risolvere con semplice css, usando una combinazione tra il selettore :checked e, ad esempio, il selettore + (fratello adiacente).
Un esempio concreto:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <style type="text/css">
      div{
        border: 1px solid green;
        width: 200px;
        height: 100px;
        margin: 0 auto;
      }
      img{
        display: block;
        max-width: 200px;
        max-height: 100px;
        margin: 0 auto;
      }
      input:not(:checked)+img{
        visibility: hidden;
      }
    </style>
  </head>
  <body>
    <div><input type="checkbox"><img src="image1.jpg" alt="sono un'immagine"></div>
    <div><input type="checkbox"><img src="image2.jpg" alt="sono un'altra immagine"></div>
    <div><input type="checkbox"><img src="image3.jpg" alt="anche io sono un'immagine"></div>
  </body>
</html>

**ciro78** · 03-03-2016, 11:06

infatti scegli se usare css o js. eventualmente ti sposto.

**KillerWorm** · 25-03-2016, 02:27

Per via di problemi tecnici sul forum, sono andati persi alcuni ultimi post (per il momento si veda qui).

L'ultimo messaggio di questa discussione, postato da Jacqui, non è stato pubblicato, pertanto lo riporto io recuperandolo dall'email di notifica delle risposte (del 24/03/2016 13.42) che mi è arrivata essendo sottoscritto a questo thread.

Originariamente inviata da Jacqui

Grazie per la risposta... hai centrato la mia necessità.

Ma mi servirebbero i checkbox in una colonna a sx e un pannello immagini a dx.
Tipo mi piace: giallo [] verde[] rosso[] (in colonna) e a destra far apparire in un reticolo delle img di colore G/V/R.

In questo caso puoi andare di JavaScript.
Specifica se puoi utilizzare jQuery o ti serve una soluzione in puro JavaScript.
Eventualmente potrebbe essere utile vedere anche il codice HTML su cui vuoi applicare tale script.

Inoltre non è tanto chiaro il discorso di "far apparire in un reticolo delle img di colore G/V/R".
Se hai una pagina pubblica, relativa a tale progetto, potrebbe essere utile vederla per capire meglio.
Nel caso puoi postare un link.

**Jacqui** · 26-03-2016, 23:24

Non ho una pagina del progetto... è ancora un progetto....

Vorrei a destra una zona che si popola a seconda di cosa viene "acceso" checked nel menu di sinistra.

Discussione: script per checkbox gestione immagini

Strumenti discussione

Ricerca discussione

Visualizza

script per checkbox gestione immagini

Permessi di invio