Creare una galleria fotografica con dati Xml utilizzando Javascript

[gmninja]

Vorrei creare una galleria fotografica utilizzando come sorgente dati il seguente file Xml:

<?xml version = "1.0" standalone="yes"?>
<Root>
<Foto>
<Imgthu>thumbnails\Edilizia01.JPG</Imgthu>
<Imgbig>images\Edilizia01.JPG</Imgbig>
</Foto>
<Foto>
<Imgthu>thumbnails\Edilizia02.JPG</Imgthu>
<Imgbig>images\Edilizia02.JPG</Imgbig>
</Foto>
<Foto>
<Imgthu>thumbnails\Edilizia03.JPG</Imgthu>
<Imgbig>images\Edilizia03.JPG</Imgbig>
</Foto>
</Root>

Per visualizzare le miniature indicate sul tag "Imgthu" su una pagina Html utilizzo il seguente script, che al clic sulla miniatura mi propone l'immagine ad alta risoluzione indicata sul tag "Imgbig":

function Crea() {


//Ci posizioniamo ora sul primo record trovato sul file Xml
vocimenu.recordset.moveFirst();

//In questa variabile (inizialmente vuota) costruiremo dinamicamente
//il testo opportunamente formattato dell'output della ricerca
var estrai = "";

//Eseguiamo un ciclo while() che sfoglia i record del file Xml fino all'ultimo
while (!vocimenu.recordset.EOF) {
var modello = vocimenu.recordset("Imgthu").value.toUpperCase();
{
estrai += "<div><a href=" + vocimenu.recordset("Imgbig") + ">"
+ vocimenu.recordset("Imgthu")
+ "</a>"
+ "</div>";
}
//e ci riposizioniamo all'inizio del file
vocimenu.recordset.moveNext();
}

{
risultati.innerHTML = estrai;
}
}

Purtroppo lo script invece di propormi la miniatura, mi visualizza il testo del percorso presente sul tag "Imgthu"... come deve essere modificato lo script per far visualizzare l'immagine invece del percorso?

Grazie...

[Andrea1979]

non c'è nessun TAG IMG che mostri l'immagine nella tua funzione crea... che tra l'altro non ho testato (non conoscendo l'interazione tra xml e javascript)

Modifica la linea estrai += ...

estrai += "<div>[img]+ vocimenu.recordset([/img]</div>";

[gmninja]

Fantastico... funziona alla grande!!!

Solo un'ultima cosa... come devo inserire il comando "target" per far comparire l'immagine grande in un'altra finestra?

Grazie ancora...

[cavicchiandrea]

Originariamente inviato da Andrea1979
non c'è nessun TAG IMG che mostri l'immagine nella tua funzione crea... che tra l'altro non ho testato (non conoscendo l'interazione tra xml e javascript)

Modifica la linea estrai += ...

estrai += "<div>[img]+ vocimenu.recordset([/img]</div>";

Prova cosi:
estrai += "<div>[img]+ vocimenu.recordset([/img]</div>";

[gmninja]

Purtroppo la modifica del target non funziona, nel senso che l'immagine ingrandita compare sempre sulla stessa pagina della miniatura...

Volevo inoltre chiederti se per cortesia mi sapresti indicare uno script, o dove posso cercare, per consentire la visualizzazione dei dati Xml all'intero di una tabella però in orizzontale, ricominciando poi a capo dopo un numero predefinito di colonne, in modo da poter adattare la disposizione in base al layput della pagina.

Grazie mille per l'attenzione...

[Andrea1979]

la modifica non funziona perché target è finito dentro il tag img e invece dovrebbe andare in <a>

Fai così:

estrai += "<div>[img]+ vocimenu.recordset([/img]</div>";

[cavicchiandrea]

Originariamente inviato da Andrea1979
la modifica non funziona perché target è finito dentro il tag img e invece dovrebbe andare in <a>

Fai così:

estrai += "<div>[img]+ vocimenu.recordset([/img]</div>";

Hai perfettamente ragione scusate l'errore banale

[gmninja]

Perfetto... ancora una volta mi hai salvato!!!

Grazie... Per quanto giruarda la possibilità di disporre i dati da Xml come ti accennavo, mi sai indicare qualcosa?