mostrar imagen en div

tyrula · #1 (**permalink**) 23/07/2008, 05:21

Hola a todos, soy nueva en esto del javascript y tengo una duda, os cuento tengo 5 capas en las 4 de arriba cargo imagenes con alpha 0 y abajo cargo la imagen definitiva. Cuando elijo una página se me muestra la capa correspondiente con alpha de 0 a 100 y cuando ya está en 100 lo que quiero es que me cargue esa imagen a la capa de más abajo así ya la tengo cargada en el fondo y la de arriba la vuelvo a dejar en alpha 0, me lo hace todo bien menos el cargarme la imagen en la capa de abajo (fondo0), he comprobado la ruta y esta bien... alguien sabe porque me pasa esto?? Gracias!

Cita:

//FUNCION ALPHA
var pepe;
var b=0;
var variable=0.1;
var qf;
function mostrarCapa(x,qfondo){
qf=qfondo;
b=0;
c=document.getElementById("fondo"+qf);
if(!x){
x=b
}
b=x+variable;
c.style.opacity= b; //Firefox
c.style.filter="alpha(opacity="+(b*100)+")"; //IE
if(b<1 && b>0){
pepe=setTimeout("mostrarCapa(b,qf)",100);
}
else{
clearTimeout(pepe);
//Poner aquí que cargue la imagen de abajo y esconder la de arriba
document.getElementById("fondo0").src="../../img/producto_p140_"+qf+".jpg";
//document.getElementById("fondo0").innerHTML = '<img src=../../img/producto_p140_'+qf+',jpg>';
c.style.opacity= 0; //Firefox
c.style.filter="alpha(opacity=0)"; //IE
}
}
</script>
</head>
<body>
<div id="contenedor">
<div id="imagenes_fondo">
<div id="fondo0" class="imagen_fondo_abajo"><img src="../../img/producto_p140_1.jpg" /></div>
<div id="fondo1" class="imagen_fondo"><img src="../../img/producto_p140_1.jpg" /></div>
<div id="fondo2" class="imagen_fondo"><img src="../../img/producto_p140_2.jpg" /></div>
<div id="fondo3" class="imagen_fondo"><img src="../../img/producto_p140_3.jpg" /></div>
<div id="fondo4" class="imagen_fondo"><img src="../../img/producto_p140_4.jpg" /></div>

</div>

tyrula · #2 (**permalink**) 24/07/2008, 00:48

a alguien se le ocurre algo???