Visor de fotos.
Baja el visor en zip
Minitutorial
Versión con descripción
de las 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.1 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.forms[0].leyenda.value = "Foto " + (idx+1) + " de " + afoto.length
}
</script>
<body onLoad="inicio();">
<p>Visor de fotos.</p>
<form>
<input type="button" value="<<<" onclick="pasa('i')">
<input type="button" value=">>>" onclick="pasa('d')">
<input type="text" id="leyenda" size="10">
</form>
<img id="fotico" border="1">
</body>

***********

(código fuente de fotos.js)

fotos = new Array()
fotos[0] = "../fotos/parque1.jpg"
fotos[1] = "../fotos/parque2.jpg"
fotos[2] = "../fotos/parque3.jpg"
fotos[3] = "../fotos/parque4.jpg"