Hola a todos, me acabo de dar del alta en el foro pues tengo una duda enorme, realice el código para una galeria que inserte en una página web la cual esta hecha en JS , la cuestion es que las fotos y los títulos de las fotos las llamo atraves de un XML, pero tengo una duda y esque en Firefox y safari, se ven correctamente, pero en el navegador de internet explorer no puedo ver ni las imagines ni los títulos, y no se a que se deba tal error alguien podrá ayudarme??
este es el código de la galeria el cual coloqué en el HTML
y por fuera tengo los archivos XML, XML Y CSS
<script src="jquery.js" type="text/javascript"></script>
<script type="application/javascript">
function prendeImagen(cualPrende){
$('div[id="imagen'+ cualPrende + '"]').removeClass('apagado');
$('div[id="imagen'+ cualPrende + '"]').addClass('prendido');//alert(cualprende);
}
function apagaImagenes(){ //alert("apaga imagenes");
$('#galeria div').removeClass('prendido');
$('#galeria div').addClass('apagado');
}
$(function() {
/*$('#update-target a').click(function() {
$("li").remove();*/
$.ajax({
type: "GET",
url: "galeria.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('imagen').each(function(){
var id_text = $(this).attr('id');
var ruta = $(this).attr('ruta');
var titulo_text = $(this).find('titulo').text();
//Esta funcion es para modificar la el div donde va la imagen, aqui se podria incrustar titulo o descripcion si asi lo requirieramos
// if(id_text == 'a'){
$('<div id="imagen'+ id_text +'"></div>')
.html('<img src="'+ ruta +'"/>')
.appendTo('#galeria');
//Esta funcion es para modificar la el div donde va los botones o textos con liga
$('<a href="#"></a>').text(titulo_text).mouseover(function(){
var id_boton = id_text;
apagaImagenes();
prendeImagen(id_boton);
}).appendTo('#botones');
}); //each
apagaImagenes();
prendeImagen(1);
}//success
}); //close $.ajax(
/* }); //close click(*/
}); //close $(
</script>
Muchas gracias!