• jQuery  carousel
  • HTML  slider
  • CSS  carousel
  • jQuery  slideshow
  • CSS3  slideshow
jQuery Image Gallery

Slide Vertical Transition & Zippy Layout Jquery Image Gallery

Esta divertida plantilla de galería de imágenes no-kQuery tiene un ambiente de época, la cual la hace ideal para sitios web con una mirada nostálgica y de sentimiento. A pesar de la apariencia antigua, su tecnología no es antigua - utiliza CSS3 y HTML5, sin ninguna dependencia de jQuery o Javascript. Como era de esperar, la galería también es completamente sensible, trabajando sin problemas en teléfonos inteligentes y tabletas, así como en las computadoras portátiles, de escritorios y televisores inteligentes.

La galería de imágenes en sí es un poco más pequeña que muchas galerías de imágenes típica, ya que funciona bien con estilos antiguos, y significa que el deslizador no abruma al sitio web.

Toda la galería está diseñada en torno a un movimiento vertical en lugar de un movimiento horizontal. Cada imagen en la galería se desliza hacia arriba desde abajo, hasta que llega al final del “carrete”, y se inicia rápidamente hasta el comienzo de la presentación.

Debido al movimiento vertical, las flechas de navegación apuntan hacia arriba y abajo, en vez de izquierda y derecha. Estas flechas aparecen en las esquinas superior e inferior de la parte derecha de esta galería de fotos jQuery-libre. Las flechas tienen una punta de flecha negro delgado, muy simple y minimalista, que aparecen sobre un círculo blanco. Cuando el usuario pasa el cursor sobre ellas, estas se flexionan hacia el exterior, convirtiéndose en más anchas y cortas.

Al hacer clic en una flecha, o bien se mueve a la siguiente diapositiva, o cae la diapositiva anterior.

Entre las dos flechas hay una serie de pequeños círculos blancos. Estos círculos blancos representan cada una de las diapositivas en la galería, y la imagen actual se destaca por un punto negro en el centro del círculo blanco. Al pasar por encima de un círculo aparece una vista previa de la diapositiva a la izquierda del círculo, contenida dentro de un marco blanco delgado.

En la esquina inferior izquierda de la presentación hay dos cuadrados, un título más grande y un subtítulo más pequeño. Estos proporcionan información adicional acerca de cada imagen en la galería deslizante.

El texto es negro y utiliza Khula, una fuente san-serif sencilla. La fuente se presenta sobre un rectángulo blanco con las esquinas redondeadas.

Las leyendas aumentan en su lugar, mientras que los rectángulos blancos aparecen y desaparecen. Este efecto es sencillo y atractivo, y funciona bien con el resto de la plantilla. La relativamente pequeña cantidad de movimientos evita que los subtítulos distraigan la atención sobre las propias imágenes.

Esta plantilla de galería de imágenes sería ideal para un sitio web de antigüedades, un vendedor de libros de segunda mano, cualquier tipo de tienda de artículos hechos a mano. Su apariencia poco peculiar contrasta los fundamentos extremadamente funcionales y atrevidos de esta plantilla de diapositivas.