Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2010, 12:39
SeaPirates
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 10 meses
Puntos: 9
Pasar siguiente imagen

Tengo este script de un banner toratorio:


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 &#37; 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="position:relative;" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')"><div
  47.  
  48. align="center" id="capa2" style="position:absolute;width:669px;height:20;background-color:black;opacity: .5;"><a
  49.  
  50. href=""><div style="opacity: .9;"><font color="white">&#171; Anterior</a> | <a href=""><font color="white">Siguiente
  51.  
  52. &#187;</font></a></div></div><a href="http://www.habberos.es/#"><img style="" src="#" name="banner"
  53.  
  54. onmouseover="this.src =
  55. this.src.replace(/_\w(\.png)$/, '_b.png\1');" onmouseout="this.src = this.src.replace(/_\w(\.png)$/, '_a.png\1');"
  56.  
  57. width="670" height="250" border=0></a></div>
  58.  
  59. </body>
  60. </html>



Pero necesito que cuando le den a Anterior o siguiente cambie la imagen hacia atras o hacia delante segun hayan pulsado, como hago esto?

Última edición por SeaPirates; 23/02/2010 a las 07:59