Gli slideshow e le gallerie immagini sono molto utili per intrattenere i visitatori e per "movimentare" un sito altrimenti statico.
In questo articolo ho elencato alcuni slideshow gratuiti che ho trovato nella rete.
Nota: questo articolo è stato aggiornato il 2/10/2011.
Per facilitare il ritrovamento degli script, ho deciso di suddividerli in 9 categorie:
- Slider: Gallery: sono gli script più avanzati, che solitamente hanno, pagination, thumbnails, frecce di navigazione, fullscreen, etc.
- Slider: Form : sono degli script che consentono l'inserimento di form dentro gli slideshow (solitamente si tratta di step by step form).
- Slider: Zoom : sono gli script che consentono lo zoom dell'immagine durante il passaggio del mouse sopra di essa.
- Slider: Panoramic : sono gli script che consentono di creare l'effetto foto panoramica a 360°.
- Slider: Carousel: sono gli script che creano lo scorrimento immagine stile "carosello".
- Slider: Advanced: sono degli script particolarmente dinamici, che oltre a permettere lo slide delle immagini, consentono lo slide di testo, video, html, flash, etc.
- Slider: Simple : sono gli script che consentono solamente lo slide delle immagini (e a volte anche del testo, ma il testo appare solo sopra le immagini).
- Slider: News : sono gli script che sono particolarmente adatti per mostrare delle news o dei featured articles nella Home Page dei siti web.
- Slider: FullScreen: sono degli script che consentono di creare slideshow in fullscreen, solitamente come background del sito.
Galleria (Slider: Gallery)
Galleria è uno slider molto dinamico e funzionale, supporta l'autoplay, le thumbnails, il caption, il fullscreen, il lightbox. Il tema standard è gratuito, mentre gli altri temi sono a pagamento.
Galleriffic (Slider: Gallery)
Dinamica galleria fotografica con jQuery. Il pagination con le thumbnails è molto utile e facile da capire.
Flickr Photo Gallery (Slider: Gallery)
Questo script si collega a Flickr tramite le API e ne richiama le foto. Molto utile per integrare Flickr in un sito.
SmoothGallery (Slider: Gallery)
Slideshow/gallery con diversi effetti e con le thumbnails che aiutano la navigazione degli utenti, supporto per la creazione di gallerie multiple di immagini.
Fancy Sliding Form (Slider: Form)
Questo slideshow è molto utile, perchè consente di dividere un form molto lungo in tante piccole parti, migliorandone l'usabilità.
jQuery Spherical Panorama viewer (Slider: Panoramic)
Questo script consente di ruotare le foto panoramiche a 360°. Il vantaggio di questo script è che non richiede l'utilizzo di plugins tipo java o quicktime.
Agile Carousel (Slider: Carousel)
Agile Carousel è uno script molto versatile, consente infatti di essere usato non solo come carosello, ma anche come slideshow immagini e come news slider.
jQuery Carousel (Slider: Carousel)
Slider Gallery (Slider: Carousel)
Infinite Carousel (Slider: Carousel)
Start/Stop Slider (Slider: Advanced)
Questo script permette di creare slideshow con testo + immagine. L'effetto di transizione dell'immagine è particolare, perciò potrebbe essere preso come spunto per creare slideshow fuori dall'ordinario.
Slides (Slider: Advanced)
Slideshow Plugin (Slider: Advanced)
Questo slideshow, come gli altri della sezione "Advanced", consente di inserire sia immagini sia testo ed html. Oltre a questo, Slideshow Plugin dispone di un API molto potente e versatile, dispone della navigation classica con le frecce e con le thumbnails, ed anche dell'autoplay.
Scrollable (Slider: Advanced)
Questo script consente di scrollare gli slide utilizzando la rotellina del mouse. Anche questo è uno script molto avanzato che fa parte della famiglia jQuery Tools, perciò consente di inserire sia testo che immagini ed html, ed è provvisto dei tasti per navigare da uno slide all'altro.
Slick Slideshow (Slider: Advanced)
Slick Slideshow è uno slide che permette di inserire testo, immagini, ed html. Degno di nota il fatto che l'animazione dello slide è molto fluida.
Coda Slider 2.0 (Slider: Advanced)
Coda Slider 2.0 è probabilmente uno dei migliori slideshow in circolazione. A prima vista può trarre in inganno perchè la demo ha la grafica minimalista, ma in realtà questo slide è molto versatile e potente, è in grado di creare in automatico la navigazione (sia con i tabs che con le frecce) e dispone di un animazione molto fluida e gradevole. Inutile dire che anche con questo slide è possibile inserire immagini, testo, html, video, musica e qualunque cosa che abbia a che fare con il web ;). A questo link è possibile vedere una versione di Coda Slider 2.0 nella quale è stato modificato il foglio di stile dello script.
Minimalistic Slideshow (Slider: Simple)
Slideshow molto facile da usare. Sono disponibili delle thumbnails per aiutare la navigazione tra le varie immagini.
jqFancyTransitions (Slider: Simple)
La particolarità di questo slideshow è l'elevato numero di effetti di transizione disponibili. Tutti molto fluidi e facili da implementare. E' presente anche la navigazione con i numeretti che facilita la visione delle immagini.
Nivo Slider (Slider: Simple)
Slideshow versatile e potente ed offre numerosi effetti di transizione, Nivo Slider è facile da installare e da modificare. Per chi volesse approfondire, ecco un link che spiega come installarlo e configurarlo.
Simple JQuery Image Slide Show (Slider: Simple)
Easy Slider (Slider: Simple)
Very simple image slider (Slider: Simple)
Questo slider ha un effetto particolare: quando l'utente passa con il mouse sopra l'immagine, l'immagine scorre e sotto appare un'altra immagine. Questo effetto può essere utile per realizzare un portfolio di lavori svolti, o per creare delle gallery che mostrano screenshot di siti web, e per tante altre cose.
Gradually (Slider: Simple)
Alla ricerca di uno slideshow con un effetto fuori dagli schemi? Se sì, questo slideshow fa al caso vostro!
Automatic Image Rotator (Slider: Simple)
Blinds (Slider: Simple)
Slideshow 2 (Slider: Simple)
Simple Fade Slideshow with jQuery Cycle (Slider: Simple)
Mosaic Slideshow (Slider: Simple)
Ecco un'altro slideshow con un effetto fuori dagli schemi. Questo slideshow, come si intuisce dal titolo, permette di creare una transizione con effetto mosaico.
jQuery Roundrr (Slider: Simple)
Panning Slideshow (Slider: Simple)
Rotating Slideshow (Slider: Simple)
Apple Slideshow (Slider: Simple)
S3Slider (Slider: Simple)
Se sapete usare i css questo plugin jQuery fa al caso vostro, con poche regole css è possibile modificare la posizione della descrizione delle foto e la dimensione delle immagini.
Mosaic Sliding Box (Slider: Simple)
Slideshow utile per creare un portfolio di lavori svolti, e per creare tante altre cose (unico limite: la vostra fantasia =) ).
NoobSlide (Slider: Simple)
Barack Slideshow (Slider: Simple)
The Jof jSliderNews (Slider: News)
Potente slideshow, utile per mostrare le news nell'home page dei siti. Sono disponibili numerose varianti dello slide, consiglio di guardare le demo di esempio direttamente nel sito ufficiale dello slideshow.
Image Rotator (Slider: News)
Questo slideshow si rivela utile quando dobbiamo mostrare featured content o delle news recenti. Ottima grafica ed ottimi effetti di transizione.
Featured Content Slider (Slider: News)
Advanced jQuery Fullscreen Slideshow (Slider: Fullscreen)
Supersized (Slider: Fullscreen)
Fantastico slideshow in fullscreen con supporto delle thumbnail. Possibilità di inserire frecce di scorrimento, pallini di scorrimento, preloader immagini, numero di immagini disponibili nello slideshow, etc.
Vegas (Slider: Fullscreen)
Smooth fullscreen Slideshow (Slider: Fullscreen)
Cloud Zoom (Slider: Zoom)
Fantastico effetto zoom, perfetto per i siti e-commerce. Oltre allo zoom, Cloud Zoom supporta lo slide da un'immagine all'altra ed il preloader delle immagini.


























andrea