Fotogaleria Misma Ventana

arhte · #1 (**permalink**) 31/05/2004, 09:14

Hola,

Les explico: necesito un script que me permita mostrar en un sólo documento una serie de fotografías, que pueda contar además, con flechas de 'regresar', 'avanzar' y si es posible también que muestre la seriación de las mismas, es decir, que aparezca la leyenda '3 de 10', '4 de 10', etc.

Espero me puedan ayudar ya que me urge un poco encontrar un script con estas características.

Gracias Anticipadas!!!!

Carlitos · #2 (**permalink**) 31/05/2004, 12:38

Hola.

A ver si te sirve esto. Es un poco chapuza, pero si te sirve, se puede trabajar en él para mejorarlo.

Código HTML:

<script>
/**********************************************
 Visor de fotos. Por Carlitos. [email][email protected][/email]
 Si usas este script, deja intactas estas líneas (créditos). Vale?
 También te agradecería un e-mail con tus comentarios. ([email protected])
 Visor de fotos v.1 En fase de experimentación.
***********************************************/
idx = 0
afoto = new Array()
afoto[0] = "parque1.jpg"
afoto[1] = "parque2.jpg"
afoto[2] = "parque3.jpg"
afoto[3] = "parque4.jpg"
afoto[4] = "parque5.jpg"
afoto[5] = "parque6.jpg"
afoto[6] = "parque7.jpg"
afoto[7] = "parque8.jpg"

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]
document.forms[0].leyenda.value = "Foto " + (idx+1) + " de " + afoto.length
}
</script>
<body onload="muestra()">
<form><input type="text" id="leyenda"></form>
<img id="fotico">
<br>
<input type="button" value="anterior" onclick="pasa('i')">
<input type="button" value="siguiente" onclick="pasa('d')">
</body>

lo puedes ver funcionando aquí: -> http://www.terra.es/personal8/litosz...otos/visor.htm
ten paciencia con la carga de las imágenes. ya te he dicho que es un poco chapuza. convendría hacer una precarga.