Lo vedi questo codice Jquery? Con ajax apro il file modelli.xml e mi scrive tutti gli item di questo file. A me serve un item per volta. Se faccio click sull'immagine con id 1 mi deve caricare solo prodotto con id 1 titolo con id 1 e descrizione con id 1.
Spero di essere stato chiaro.
codice:
<script type="text/javascript">
$(document).ready(function() {
$('.jcarousel-skin-tango a').click(function(){
var contenuto_lista = this.id;
alert(contenuto_lista);
var link = $(this).attr('href');
$("#id_img");
$.ajax({
type: "GET",
url: "modelli.xml",
dataType: "xml",
success: function(xml) {
var select = $('#contenuto_destro2');
$(xml).find('prodotti').each(function(){
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>