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>
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Filtro selettore e variabile jQuery 2
F selettore this jQuery 3
ivarello Selettore che compila in automatico un INPUT Javascript 12
N selettore immagini Javascript 1
L Form Ordine (Selettore Quantità) Javascript 11
K Come posso usare un'immagine al posto di un bottone? HTML e CSS 2
M Upload immagine con javascript problemi con FormData() Javascript 1
M Visulizzare immagine con php PHP 8
Stex1967 Salvare una immagine che si trova su porta TCP 8080 di altro sito PHP 6
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
L salvare una immagine elaborata in canvas Javascript 1
L salvare una immagine elaborata in canvas Javascript 1
Y Come caricare e visualizzare un'immagine PHP 0
S Testo scrolla su immagine che cambia HTML e CSS 0
M Quando ha l'immagine ingrandita è possibile fare rotazione per ritagliare? Photoshop 0
R Caricamento immagine su cartella remota + mysql PHP 3
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
L Upload di un'immagine all'interno di un database usando php PHP 6
G Modifica immagine di sfondo attraverso un bottone PHP 18
F photoshop portable : spostamento immagine Photoshop 0
A Server Apache immagine not found (ERROR 404) Apache 5
P [Photoshop] ritagliare una immagine Photoshop 1
S [PHP] Recupero nome immagine da Form con input file PHP 3
D [Javascript] salvare immagine canvas - paypal Javascript 0
D [HTML] Inviare un link contenente un' immagine HTML e CSS 4
M [PHP] Cercare l'ultima immagine caricata in una cartella datata PHP 15
C [Photoshop] bordi tondi come posso fare per ottenerli come nell'immagine allegata Photoshop 2
M [HTML] Tasto condivisione social e immagine HTML e CSS 2
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A Php variabile immagine inesistente PHP 4
R [PHP] Testo su immagine al passaggio del mouse PHP 2
L [PHP] controllo dimensione immagine per il resize PHP 2
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
Shyson [HTML] Sovrapporre un'immagine su un'altra HTML e CSS 2
A [PHP] Segnalazione in up-load immagine PHP 2
C [PHP] Scrivere testo su immagine PHP 3
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A [WordPress] Link multiplo su immagine WordPress 9
I [Photoshop] Come realizzare immagine tonalità di grigio Photoshop 0
edittaruocco [Photoshop] Immagine in editor grafico Photoshop 0
A Salvare immagine ridimensionata in MySql con GD PHP 12
I Effetto glowing su immagine con GIMP Webdesign e Grafica 0
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
D [Photoshop] aggiungere piu tracce a immagine Photoshop 4
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
R [Photoshop] Come creare questo effetto (v.immagine)?(sovrapposizione immagini in modo uniforme) Photoshop 2
U COLORAZIONE IMMAGINE IN BIANCO E NERO. Presentati al Forum 0
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1

Discussioni simili