Visor de fotos.
<script type='text/JavaScript' src='fotos.js'></script> <script> /************************************************************** Visor de fotos en javascript. Por Carlitos. carlosbernad@teleline.es Si usas este script, deja intactas estas líneas (créditos). Vale? También te agradecería un e-mail con tus comentarios. (carlosbernad@teleline.es) Visor de fotos v.4 En fase de experimentación. ****************************************************************/ var afoto = new Array() var idx=0 function inicio() { for (a=0;a<fotos.length;a++) { afoto[a] = new Image() afoto[a].src = fotos[a] } muestra() } function pasa(dir) { if (dir=="i") { idx-- if (idx < 0) idx = afoto.length - 1 } else { idx++ if (idx == afoto.length) idx = 0 } muestra() } function muestra() { document.images["fotico"].src = afoto[idx].src document.getElementById('leyenda').innerHTML = "Foto " + (idx+1) + " de " + fotos.length document.getElementById('dcr').innerHTML = desc[idx] } </script> <body onLoad="inicio();"> <p>Visor de fotos.</p> <input type="button" value="<<<" onclick="pasa('i')"> <input type="button" value=">>>" onclick="pasa('d')"> <span id="leyenda"></span><br> <img id="fotico" height="100" border="1"><br> <span id="dcr"></span> </body> *********** (código fuente de fotos.js) fotos = new Array() desc = new Array() fotos[0] = "../fotos/parque1.jpg" desc[0] = "Esta es la foto 1" fotos[1] = "../fotos/parque2.jpg" desc[1] = "Esta es la foto 2" fotos[2] = "../fotos/parque3.jpg" desc[2] = "Esta es la foto 3" fotos[3] = "../fotos/parque4.jpg" desc[3] = "Esta es la foto 4"