Selettore di immagine

Francesco Monti

Utente Attivo
12 Feb 2016
35
0
0
Salve a tutti, sto cercando di creare un semplicissimo selettore di immagini in HTML e ovviamente javascript, mi spiego meglio: quello che vorrei è che vengano visualizzate tutte le immagini che ho messo con la possibilità di sceglierne una e memorizzarla in una variabile.
Qualche consiglio su come fare? Grazie a tutti :)
 

Devil-94

Utente Attivo
16 Lug 2013
120
0
16
Ciao prova così:
HTML:
<script type="text/javascript">
/*
creo una funzione che prende tutte le immagini 
presenti nel documento e le mostro con un numero.
*/
function immagini() {
var img = document.querySelectorAll("img");
for(var i=0; i < img.length; i++) {
document.write("i"+img[i].src);
/*
cosi salvi nella variabile,
 al posto del 2 metti il numero
 della immagine che vuoi inserire nella var 
*/
var immagineNellaVariabile = img[2].src;
}





}

</script>
 

Francesco Monti

Utente Attivo
12 Feb 2016
35
0
0
Ok grazie per il codice, non l'ho ancora provato perchè mi blocco prima, non riesco a visualizzare tutte le immagini a mia disposizione! :confuse:
In pratica ho creato un Array contenente le foto, e con un ciclo FOR le scorro tutte, il problema è che una volta avviato lo script mi visualizza [object HTMLImageElement] invece dell'immagine!
Ecco cosa ho scritto:
Codice:
 <script typre="text/javascript">
        var img = new Array();
        img[0] = new Image();
        img[0].src = "../images/poggiatesta2.jpg";
        img[1] = new Image();
        img[1].src = "../images/poggiatesta1.JPG";

        for (var i = 0; i < img.length; i++) {
            document.write(img[i]);
        };
        
    </script>