jQuery es la gran baza que tiene a su disposición un diseñador para convertir una página web estática en algo dinámico y con movimiento. La parte más interesante de jQuery viene del hecho de que es relativamente sencillo de instalar y de utilizar, basta con cargar el script principal en la cabecera de una web y a continuación echar mano de alguno de los cientos o miles de plugins que están disponibles.
En este artículo vamos a dar un repaso a varios de estos plugins centrándonos en aquellos relacionados con los ‘slideshows’ o presentaciones de diapositivas. Obviamente, estos plugins están especialmente recomendados para mostrar fotografías y galerías de imágenes en general que acabarán teniendo un formato de presentación muy atractivo visualmente hablando.
Galleriffic
Este plugin crea una galería de fotografías bastante sencilla, cada vez que seleccionas una de ellas se crea un efecto de transición suave.
Galleriffic – Demo
Slider para fondo de pantalla
Este curioso slider trabaja a nivel de fondo de pantalla. Muestra un par de botones con flechas que te permiten modificar con un efecto slide el background de cualquier página.
Slider para fondo de pantalla – Demo
Slideshow con mosaico
Este slideshow utiliza un efecto de mosaico como transición entre imagen e imagen.
Slideshow con mosaico – Demo
Slider al estilo iTunes
Un slider bastante simple en cuanto al aspecto final y la funcionalidad, pero que recrea el estilo clásico iTunes.
Slider al estilo iTunes – Demo
Slider de imágenes
Este slider de imágenes para jQuery es bastante configurable. Básicamente crea una transición animada entre imágenes ideal para mostrar diferentes fotos con novedades en la cabecera de una web, por ejemplo.
Slider de imágenes
Galería de fotos flotante
Pretty Photo te permite crear una galería flotante. Al hacer click sobre una imagen en miniatura la foto se abre y comienza el pase de diapositivas. Es configurable y puedes modificarlo de varias maneras tal como se ven en los múltiples demo de la página oficial
Galería de fotos flotante y Demo
Pikachoose
Este plugin con nombre curioso permite crear una galería de imágenes con efectos visuales cuando pasas el ratón por encima (hover) y además cuando haces click sobre un thumbnail abre las imágenes en una ventana flotante simulada.
Pikachoose y demo
Image Scroller
Un Slider animado que pasa la galería de imágenes de forma automática.
Image Scroller – Demo
Slider Portfolio
Un slider con efecto de zoom o ‘lupa’ incorporado que parece aumentar las imágenes al pasar el ratón por encima.
Slider Portfolio – Demo
Easy Slider
Un slider bastante básico cuya principal característica es que incluye dos botones de navegación en la parte externa de las imágenes.
Demo
Panning Slideshow
Un pase de diapositivas automático que utiliza varios tipos de efectos diferentes para las transiciones entre imágenes.
Panning Slideshow – Demo
Slider con giro
Este slider funciona girando las imágenes sobre sí mismas como efecto de transición entre una y otra. Simple pero efectivo y original en el sentido de que es un efecto que está poco visto.
Slider con giro – Demo
Slider para Flickr
El Flickr Photobar Gallery crea un botón en la base de la página web. Cuando haces click sobre este botón se cargan imágenes directamente desde Flickr y se muestran en una barra inferior en forma de thumbnails.
Slider para Flickr – Demo
Carrusel de fotos
El efecto carrusel para fotos es bastante clásico, las imágenes simulan estar literalmente en un carrusel circular que gira a un lado u otro para que el usuario pueda acceder a cualquiera de ellas. El efecto final de este plugin está bastante conseguido.
Carrusel de fotos y demo
Slideshow al estilo Apple
Un plugin que crea una bonita galería con aire Apple.
Slideshow al estilo Apple – Demo
Supersized
Como su nombre indica ‘supersized’ es un plugin para jQuery diseñado para crear galerías de fotos con imágenes grandes que vayan a ocupar gran parte o toda la pantalla.
Supersized
Space Gallery
Space Gallery cruza la línea al mundo del 3D creando una galería que simula pasar las imágenes desde delante hacia atrás o viceversa de forma ‘espacial’. Bastante efectista.
Space Gallery – Demo
Álbum de paquete de fotos en jQuery
En este caso se trata de un tutorial que te enseña paso a paso qué tienes que hacer para crear un álbum de fotos bastante elegante en cuanto al aspecto. El efecto final es bastante bueno, porque vas visualizando las diferentes fotografías pasándolas de delante hacia detrás como si fuera un paquete de fotos reales que tuvieras en la mano.
Photo Stack – Demo
Div Scroll de imágenes
Este plugin crea un típico pero práctico scroll de imágenes que van pasando de un lado a otro.
Div Scroll de imágenes y demo
Slider elegante
En este caso se trata de un tutorial, pero el resultado final es bastante elegante.
Slider elegante
Galería de imágenes con textos
Esta es una galería de imágenes bastante normal, sin demasiadas florituras, pero que dispone de una particularidad interesante. Permite añadir textos, títulos o ‘captions’ sobre las imágenes.
Galería de imágenes con textos
ColorBox
Este plugin genera slideshows con imágenes utilizando efectos visuales varios. Es compatible con fotografías estáticas y también con vídeos y contenidos Flash en general. Incluso puede cargar contenidos externos como vídeos de youtube o vímeo.
ColorBox – Demo
S3 Slider
Un slider básico pero bastante elegante. Incluye un efecto especial que añade una capa semi transparente sobre las imágenes donde puedes insertar textos varios.
S3 Slider – Demo