Javascript per selezionare contenuti pagina tramite checkbox

[Pink86]

Salve amici,

torno a chiedere aiuto sperando che questa volta qualcuno possa offrirmi qualche aiuto

Non sono esperta in javascript, mi limito solo ad utilizzare degli script già pronti, questa volta però non sono riuscita a trovare nulla che faccia al mio caso...

Ho bisogno di permettere gli user del mio sito di selezionare tramite checkbox delle immagini per poi, premendo un pulsante, visualizzare solo le immagini selezionate.

Sarebbe perfetto poter visualizzare le immagini nella stessa pagina in cui si trovano, l'idea sarebbe quella di impostare visibility:hidden alle immagini NON selezionate dopo la pressione del pulsante, sapete indicarmi come?

In alternativa andrebbe bene anche una popup che si apre visualizzando solo le immagini spuntate.

Sapete aiutarmi?

Grazie mille in anticipo!

 

[micio86]

Alloooooora

Esempio:

<input type="checkbox" name="checkarray[]" value="" onclick="sel_img(file_img.jpg)" />Immagine 1
<input type="checkbox" name="checkarray[]" value="" onclick="sel_img(file_img2.jpg)" />Immagine 2

<div id="file_img.jpg"></div>
<div id="file_img2.jpg"></div>

La tua funzione sarà tipo:

<script>
function sel_img(img)
if(img.checked) {
    var element=document.getElementById('img');
    element.innerHTML='<img src="file_img.jpg" />';
}
else {
    var element=document.getElementById('img');
    element.innerHTML='';
}
</script>

Se non funziona con innerHTML, sostituiscilo con value.

I div ovviamente te li gestisci come vuoi per le dimensioni e le posizioni. Potresti anche giocare come dicevi tu sugli stili.
Ovvero i div cn le immagini c sono ma hanno stile display:none. Con lo stesso sistema cambi solo lo stile con element.style.....