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
I Form con selettore HTML e CSS 0
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
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
T Dividere un'immagine in 3 parti orizzontali e salvarle separatamente Photoshop 2
W Immagine come maschera photoshop Photoshop 1
L Ultima immagine Windows e Software 0
A Immagine decentrata con sfondo trasparente Photoshop 0
A Scontornare immagine di bassa qualità. Photoshop 2
B Selezionare un'immagine e salvare la selezione Photoshop 3
F Immagine come fosse selezione attiva Photoshop 1
Y Percorso assoluto file immagine HTML e CSS 9
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 7
L Come caricare un'immagine in Canvas dinamicamente Javascript 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 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

Discussioni simili