Ver Mensaje Individual
  #11 (permalink)  
Antiguo 26/02/2010, 10:52
Avatar de Tecna
Tecna
 
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 14 años, 10 meses
Puntos: 45
Respuesta: Pasar siguiente imagen

Buenas,

habría hecho falta el html para poderlo probar o que dieras algo mas de información sobre el error que da. Pero bueno aquí tienes un ejemplo que funciona:

Código HTML:
Ver original
  1. <div >
  2.         <a href="#"><img id="img_baner" src=""></a>
  3. </div>
  4.  
  5. <ul>
  6.         <li id="anterior">Anterior</li>
  7.         <li id="siguiente">Siguiente</li>
  8. </ul>

Código Javascript:
Ver original
  1. var contador = 0;
  2. var imagenes = ['fichero_img', 'fichero_img', 'fichero_img',  'fichero_img' ];
  3. var urls = ['url', 'url', 'url', 'url'];
  4.  
  5. function init()
  6. {
  7.         var liAnt = document.getElementById('anterior');
  8.         var liSig = document.getElementById('siguiente');
  9.         liAnt.onclick = anterior;
  10.         liSig.onclick = siguiente;
  11.  
  12.         mostrarBaner();
  13. }
  14.  
  15. window.onload = init;
  16.  
  17. function mostrarBaner()
  18. {
  19.         var img_baner = document.getElementById('img_baner');
  20.         img_baner.src = imagenes[contador];
  21.         img_baner.parentNode.href = urls[contador];
  22. }
  23.  
  24. function anterior()
  25. {
  26.         if (contador != 0) contador--;
  27.         mostrarBaner();
  28. }
  29.  
  30. function siguiente()
  31. {
  32.         if (contador < urls.length -1) contador++;
  33.         mostrarBaner();
  34. }