Tema: div encima de imagen?
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2010, 14:32
SeaPirates
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 3 meses
Puntos: 9
div encima de imagen?
Código Javascript: 
Ver original
  1. <body>
  2.  
  3. <body onload="alternar_banner()">
  4.  
  5. <script>
  6. //creo array de imágenes
  7. array_imagen = new Array(4)
  8. array_imagen[0] = new Image(670,250)
  9. array_imagen[0].src = "/slides/slide_craft_a.png"
  10. array_imagen[1] = new Image(670,250)
  11. array_imagen[1].src = "/slides/slide_habberos_a.png"
  12. array_imagen[2] = new Image(670,250)
  13. array_imagen[2].src = "/slides/slide_cs_a.png"
  14. array_imagen[3] = new Image(670,250)
  15. array_imagen[3].src = "/slides/slide_soccer_a.png"
  16.  
  17. //creo el array de URLs
  18. array_url = new Array(4)
  19. array_url[0] = "http://starcraft.gameshoot.es"
  20. array_url[1] = "http://www.habberos.es"
  21. array_url[2] = "http://cs.gameshoot.es"
  22. array_url[3] = "http://soccerDT.gameshoot.es"
  23.  
  24. //variable para llevar la cuenta de la imagen siguiente
  25. contador = 0
  26.  
  27. //función para rotar el banner
  28. function alternar_banner(){
  29. window.document["banner"].src = array_imagen[contador].src
  30. window.document['banner'].parentNode.href = array_url[contador]
  31. contador ++
  32. contador = contador % array_imagen.length
  33. setTimeout("alternar_banner()",7000)
  34. } </script>
  35. </head>
  36.  
  37. <script language="Javascript">
  38. function mostrar(nombreCapa){
  39. document.getElementById(nombreCapa).style.visibility="visible";
  40. }
  41. function ocultar(nombreCapa){
  42. document.getElementById(nombreCapa).style.visibility="hidden";
  43. }
  44. </script>
  45.  
  46. <div id="capa1" style="" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')"><div align="center" 
  47.  
  48. id="capa2" style="width:669px;height:20;background-color:black;opacity: .5;"><a href="">« Anterior</a> | <a 
  49.  
  50. href="">Siguiente »</a></div><a href="http://www.habberos.es/#"><img src="#" name="banner" 
  51.  
  52. onmouseover="this.src =
  53. this.src.replace(/_\w(\.png)$/, '_b.png\1');" onmouseout="this.src = this.src.replace(/_\w(\.png)$/, '_a.png\1');"
  54.  
  55. width="670" height="250" border=0></a></div>
  56.  
  57. </body>
  58. </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????