Ver Mensaje Individual
  #6 (permalink)  
Antiguo 12/09/2011, 17:59
lubtufano
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 9 meses
Puntos: 72
Respuesta: Galería de imágenes como la del ejemplo

Prueba con este código que sirve para cambiar de imagen moviendose adelante y atras.

Código Javascript:
Ver original
  1. <script>
  2. var imagenes= ['img/737_nl_landing_250.jpg', 'img/992763_406371.jpg', 'img/arqueologia.jpg', 'img/earthview.jpg', 'img/partenon.jpg', 'img/planeta-x.jpg'];
  3. var vuelta= 0;
  4.  
  5. function adelante()
  6. {
  7.     vuelta++;
  8.     var imagenCambiante= document.getElementById('carrusel');
  9.    
  10.     if(vuelta >= (imagenes.length))
  11.         vuelta= 0;
  12.  
  13.     imagenCambiante.src= imagenes[vuelta];
  14. }
  15.  
  16. function atras()
  17. {
  18.     vuelta--;
  19.     var imagenCambiante= document.getElementById('carrusel');
  20.  
  21.     if(vuelta < 0)
  22.         vuelta= (imagenes.length) - 1;
  23.    
  24.     imagenCambiante.src= imagenes[vuelta];
  25. }
  26. </script>
  27.  
  28. <img src="img/737_nl_landing_250.jpg" id="carrusel"/>
  29. <br /><br />
  30. <a href="#" onclick="atras()">Anterior</a>
  31. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  32. <a href="#" onclick="adelante()">Siguiente</a>

Espero que te sirva.