« Volver al inicio

Visor de fotos.




Código fuente
<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"