Ciao a tutti,
sto utilizzando uno script che prende dei dati da un file XML per creare una vetrina che mostra:
- miniatura immagine
- immagine grande
- titolo
- descrizione
- link
Lo script funziona, ma vorrei che ogni volta che si apre la pagina la vetrina si modifichi in modalità random.
Partendo dai file che sto utilizzando e che trovate di seguito, come posso fare?
Il file XML è il seguente:
codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<gallery>
<bsp1 id="1">
<titolo>testo</titolo>
<descrizione>testo</descrizione>
<url>link</url>
<urlimg>link</urlimg>
<urlthumb>link</urlthumb>
</bsp1>
<bsp1 id="2">
<titolo>testo</titolo>
<descrizione>testo</descrizione>
<url>link</url>
<urlimg>link</urlimg>
<urlthumb>link</urlthumb>
</bsp1>
<gallery>
Il codice JavaScript è il seguente:
codice:
$(document).ready(function(){
$.ajax({
type: "GET",
url: "file.xml",
dataType: "xml",
success: function(xml) {
// BOX A SINISTRA
$(xml).find('bsp1').each(function(){
var id = $(this).attr('id');
var titolo = $(this).find('titolo').text();
var url = $(this).find('url').text();
var urlimg = $(this).find('urlimg').text();
var urlthumb = $(this).find('urlthumb').text();
var descrizione = $(this).find('descrizione').text();
$('<div></div>').html('<a class="swith" href="'+url+'">[img]'+urlthumb+'[/img]'+titolo+'
'+descrizione+'</a>').appendTo('#gallery');
});
}
});
});