Ciao a tutti sto provando a creare una galleria prodotti con Jquery, XML e PHP.
In pratica vorrei che al click della miniatura si sostituiscono l'immagine, il titolo <h1> e il testo contenuto nel paragrafo


Ho scritto questo codice, che mi carica tutti i prodotti presenti nel file XML. Io vorrei caricarne uno alla volta ma non sto riuscendo a capire come fare.

codice:
 		<div id="contenuto_sinistro_lavorazione">
        	[img]prodotti/galleria/1.jpg[/img]       
        </div>
        <div id="contenuto_destro">
        <div id="contenuto_destro2">
			


Lorem ipsum                                                                                                                                                                                                              
            </p>
            </div>
  <ul id="mycarousel" class="jcarousel-skin-tango">
       <?php
$xml = simplexml_load_file('modelli.xml');
//Mi carico le miniature	   
foreach($xml->prodotto as $prodotto)
{
	echo '[*][img]prodotti/miniature/'.$prodotto['id'].'.jpg[/img]';
}
?>[/list]
<script type="text/javascript">
$(document).ready(function() {
$('.jcarousel-skin-tango a').click(function(){
var  link = $(this).attr('href');
$.ajax({
	type: "GET",
	url: "modelli.xml",
	dataType: "xml",
	success: function(xml) {
	var select = $('#contenuto_destro2');
	$(xml).find('prodotti').each(function(){
	var prodotto = $(this).find('prodotto[id]').text();
        var titolo = $(this).find('titolo').text();
	var descrizione = $(this).find('descrizione').text();
	select.html("<h1>" + titolo + "</h1>" +
        "

" + descrizione + "</p>");    
	});				
	}
	});
$('#contenuto_sinistro_lavorazione img').fadeOut(function() {
$(this).attr('src', link ).fadeIn();
})
return false;
});
$('body a').tooltip({
track: true,
delay: 0,
showURL: false,
showBody: " - ",
fade: 250
});
});
</script>