Hola, tengo este script, que cuando pones el raton encima cambia de imagen y arriba le sale una segunda capa donde muestra si mostrar la anterior imagen o la siguiente:
Código:
<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')"><a
href="http://www.habberos.es/#"><div id="capa2"
style="width:100%;height:15;top:100;left:200;background-color:red;visibility:hidden">Capa 2</div><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>
el problema es que me queda asi:
www.habberos.es
El div, aunque no se muestre deja un hueco entre el 1 div y la imagen del banner
como hago para colocar el div encima de la imagen y estando dentro del 1 div?