30 Plugins jQuery para Slideshows y pases de diapositivas

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.

ShineTime con efectos para galerías de fotos


ShineTime utiliza jQuery y CSS3 para conseguir el truco visual ‘brillante’. La galería de imágenes en formato de thumbnails queda a la derecha. Al seleccionar una de ellas se produce un efecto de brillo y la imagen correspondiente se carga a la izquierda.
ShineTimeDemo

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.
GallerifficDemo

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 pantallaDemo

Slideshow con mosaico


Este slideshow utiliza un efecto de mosaico como transición entre imagen e imagen.
Slideshow con mosaicoDemo

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 iTunesDemo

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

Shadowbox


Este plugin está basado en lightbox y permite crear galerías con pase de diapositivas con contenido multimedia en general, ya sean imágenes estáticas, vídeos, flash, etc.
Shadowbox

Image Scroller


Un Slider animado que pasa la galería de imágenes de forma automática.
Image ScrollerDemo

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 PortfolioDemo

Slider Gallery


Un plugin para jQuery que crea una galería de imágenes simple. La navegación se realiza con una barra de desplazamiento vertical situado debajo de los thumbnails.
Slider GalleryDemo

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.
Easy SliderDemo

Galería de fotos Flickr con jQuery


Este curioso plugin trabaja directamente con galerías de fotos de Flickr tomándolas directamente de galerías o photosets. Utiliza una barra de desplazamiento horizontal para navegar entre las imágenes.
Galería de fotos Flickr con jQueryDemo

Slideshow circular


Este curioso plugin crea una galería de fotos en formato circular. Bastante original.
Slideshow circularDemo

Panning Slideshow


Un pase de diapositivas automático que utiliza varios tipos de efectos diferentes para las transiciones entre imágenes.
Panning SlideshowDemo

jQuery popeye


Este plugin convierte una aparentemente normal fotografía insertada en una página web en un slider de diapositivas con controles incorporados. El resultado visual es bastante elegante, incluye esquinas redondeadas, sombras y gradientes para mejorar la estética.
jQuery popeyeDemo

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 giroDemo

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 FlickrDemo

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 AppleDemo

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.
SupersizedDemo

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 GalleryDemo

Á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 StackDemo

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

Ad Gallery


Un plugin bastante configurable. Permite sobre impresionar texto sobre las imágenes.
Ad GalleryDemo

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.
ColorBoxDemo

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 SliderDemo

Deja un comentario