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

No me va...:

Código Javascript:
Ver original
  1. <script>
  2. //creo array de imágenes
  3. array_imagen = new Array(4)
  4. array_imagen[0] = new Image(670,250)
  5. array_imagen[0].src = "/slides/slide_craft_a.png"
  6. array_imagen[1] = new Image(670,250)
  7. array_imagen[1].src = "/slides/slide_habberos_a.png"
  8. array_imagen[2] = new Image(670,250)
  9. array_imagen[2].src = "/slides/slide_cs_a.png"
  10. array_imagen[3] = new Image(670,250)
  11. array_imagen[3].src = "/slides/slide_soccer_a.png"
  12.  
  13. //creo el array de URLs
  14. array_url = new Array(4)
  15. array_url[0] = "http://starcraft.gameshoot.es"
  16. array_url[1] = "http://www.habberos.es"
  17. array_url[2] = "http://cs.gameshoot.es"
  18. array_url[3] = "http://soccerDT.gameshoot.es"
  19.  
  20. //variable para llevar la cuenta de la imagen siguiente
  21. contador = 0
  22.  
  23. //función para rotar el banner
  24. function alternar_banner()
  25. {
  26.         // en esta función sólo ponemos el cambio de baner y así se puede usar
  27.         // desde anterior y desde siguiente
  28.         window.document["banner"].src = array_imagen[contador].src;
  29.         window.document['banner'].parentNode.href = array_url[contador];
  30. }
  31.  
  32. function siguiente
  33. {
  34.         contador++;
  35.         // si cuando acabes quieres que vuelva a empezar incluye esta linea
  36.         contador = contador % array_imagen.length ;
  37.         // también se podría hacer que si es el último o el primero no haga nada
  38.         if ( contador == array_imagen.length)
  39.         {
  40.                 contador--;
  41.                 return;
  42.         }
  43.  
  44.         setTimeout("alternar_banner()",7000) ;
  45.         //no es obligatorio  pero si recomendable poner el punto y coma al final
  46.         // de cada instruccion
  47. }
  48. </script>