Gallerie e Slider di immagini per il tuo sito web: eccone 20 esempi!
Durante le mie ricerche ho raccolto tutti i riferimenti agli slider che mi hanno più incuriosito. Scopri anche tu come mostrare le immagini del tuo sito in modo originale!
La maggior parte dei nostri clienti chiede una gallery o uno slider nel proprio sito. In effetti, un carousel di immagini può fare una grande differenza e dare quel tocco cool al portale.
E’ per questo che spesso mi piace perdermi alla ricerca di qualcosa di nuovo da proporre. Qui sotto ho elencato una serie di slider e gallery costituiti principalmente da JQuery plugin e CSS3.
Supersized! JQuery plugin
Supersized è un fullscreen background slideshow costruito utilizzando la libreria jQuery. DEMO
SIDEWAYS
Una galleria fullscreen di immagini creata con la libreria jQuery e CSS. La galleria presenta le immagini a schermo intero in diverse modalità e con barre di scorrimento personalizzate. DEMO
Rslider
Uno slider jQuery di immagini e contenuti, fullscreen e responsive. DEMO
Sequence
Uno slider responsive che usa transizioni CSS3 avanzate.
Animated Responsive Image Grid
Un plugin jQuery per la creazione di una griglia di immagini responsive che cambia automaticamente le immagini con animazioni e tempi diversi.DEMO
Triple Panel Image Slider
Uno slider jQuery di immagini a pannello triplo con un look 3D. DEMO
CSS3 Parallax scrolling slider
Uno slider verticale che usa solamente proprietà CSS3. DEMO
Image Accordion with CSS3
Un accordion di immagini che espande un elemento al click. DEMO
Vegas, Background jQuery Plugin
Uno slider di diversi background. DEMO
Elastislide
Carousel responsive di immagini che si adatterà in modo fluido a un layout. Si tratta di un plugin per jQuery che può essere disposto in orizzontale o in verticale. DEMO
Orbit, A Slick jQuery Image Slider Plugin
Un plugin jQuery per un slider di immagini. DEMO
CSS-Only Responsive Layout with Smooth Transitions
Un layout con effetto a “scorrimento fluido” creato solamente attraverso CSS. DEMO
Glisse.js
Un photo viewer jQuery, responsive e completamente personalizzabile. DEMO
iosSlider, Touch Enabled jQuery Horizontal Slider Plugin
Un plugin jQuery progettato per essere usato come un dispositivo di scorrimento del contenuto, un carousel, un banner di scorrimento o una galleria di immagini. DEMO
Elastic Image Slideshow with Thumbnail Preview
Uno slideshow “elastico” che usa miniature per le anteprime. La presentazione si regolerà automaticamente al suo contenitore. DEMO
WOW Slider
Uno slider jQuery di immagini, responsive e con vari effetti di visualizzazione. DEMO
Come vedete, le possibilità per mostrare le vostre immagini sono davvero molte; e queste sono solo alcune delle tante proposte!
Ci si potrebbe chiedere: “quale scegliere”? Ma a questa domanda non è possibile dare un risposta che vada bene per tutti. Alcuni di questi plugin richiedono funzionalità estremamente avanzate, non ancora disponibili per tutti i browser, e questo non è un aspetto che si possa trascurare. In altri casi potreste avere bisogno di una soluzione accessibile, e allora sarà vostro compito testare l’utilizzo della tastiera.
Una sola cosa credo sia chiara: le funzionalità che ad oggi CSS3 e HTML5 ci offrono, hanno reso più semplice la creazione di questi strumenti, e questo ci fa ben sperare per il futuro.
Spero che abbiate trovato in uno di questi slider una soluzione alla vostra specifica esigenza!
La foto in testata è di Widerbergs.
Originally published at blog.redturtle.it on April 8, 2013.