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.

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

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

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 SlideshowDemo

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

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

0 comments… add one

Leave a Comment