Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Galería de Imagenes

Google

Formularios

Galería de Imagenes

Galería de imágenes que apenas necesita configuración.

Cambia las imágenes con una transición mediante cambios de opacidad..
Controla el tamaño de los thumbnails (imágenes pequeñas) para que todos tengan unas dimensiones máximas.

Configuración

  • Las imágenes deben llevar por nombre de archivo números correlativos. 1.gif, 2.gif, 3.gif....
  • Las imágenes pequeñas (thumbnails) deben estar en un directorio
  • Las imágenes en grande deben estar en otro directorio. Sus nombres de archivo deben coincidir con su versión en pequeño (thumbnails). 1.gif, 2.gif, 3.gif...

var dir = "imagenes/" //directorio donde estarán las imágenes pequeñas
var dirGran = "imagenes/" //directorio donde estarán las imágenes en grande
var tImagen = ".gif" // tipo de archivo de las imágenes
var anCapa = "70%" // Anchura del cuadro donde se muestran las imágenes pequeñas. Puede ser en porcentaje ("70%") o absoluto (200)
var imas = 8 //cantidad de imágenes totales
var maxAncho = 120 //define la anchura máxima de la imagen
var maxAlto = 70 //define la altura máxima de la imagen

Recomiendo usar el documento tal cual está simplemente configurando los valores arriba mencionados.

ver el código fuente del ejemplo

Descargar archivos de la galería



Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir