div encima de imagen?

SeaPirates · #1 (**permalink**) 21/02/2010, 14:32

Código Javascript:

Ver original<body>
 
<body onload="alternar_banner()">
 
<script>
//creo array de imágenes
array_imagen = new Array(4)
array_imagen[0] = new Image(670,250)
array_imagen[0].src = "/slides/slide_craft_a.png"
array_imagen[1] = new Image(670,250)
array_imagen[1].src = "/slides/slide_habberos_a.png"
array_imagen[2] = new Image(670,250)
array_imagen[2].src = "/slides/slide_cs_a.png"
array_imagen[3] = new Image(670,250)
array_imagen[3].src = "/slides/slide_soccer_a.png"
 
//creo el array de URLs
array_url = new Array(4)
array_url[0] = "http://starcraft.gameshoot.es"
array_url[1] = "http://www.habberos.es"
array_url[2] = "http://cs.gameshoot.es"
array_url[3] = "http://soccerDT.gameshoot.es"
 
//variable para llevar la cuenta de la imagen siguiente
contador = 0
 
//función para rotar el banner
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
window.document['banner'].parentNode.href = array_url[contador]
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_banner()",7000)
} </script>
</head>
 
<script language="Javascript">
function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="visible";
}
function ocultar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="hidden";
}
</script>
 
<div id="capa1" style="" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')"><div align="center" 
 
id="capa2" style="width:669px;height:20;background-color:black;opacity: .5;"><a href="">« Anterior</a> | <a 
 
href="">Siguiente »</a></div><a href="http://www.habberos.es/#"><img src="#" name="banner" 
 
onmouseover="this.src =
this.src.replace(/_\w(\.png)$/, '_b.png\1');" onmouseout="this.src = this.src.replace(/_\w(\.png)$/, '_a.png\1');"
 
width="670" height="250" border=0></a></div>
 
</body>
</html>

tengo eso, el problema es que el hueco del div tira la imagen para abajo, aunque no se este mostrando, como coloco el div encima de la imagen? He provado con position:absolute y dandole margin-left y margin-top , ami se me ve bien pero a otros usuarios se les ve el div en otro lado, que puedo hacer????

JavierB · #2 (**permalink**) 21/02/2010, 15:00

Hola SeaPirates

Prueba cambiando visibility (visible/hidden) por display (block/none)

Muevo tu tema al foro de Javascript desde Web general.

Saludos,