Articles

Top 50 jQuery Gallery & Image Sliders for 2020

Il Novembre 27, 2021 da admin

Siccome di solito le migliori gallerie sono create in jQuery, ci siamo concentrati principalmente sugli slider di tipo jQuery, ma ci sono anche alcune semplici gallerie CSS. Questa collezione è stata organizzata in cinque categorie principali in modo da poter passare facilmente alla sezione preferita. Prima di iniziare, volevamo dirvi che sta a voi scegliere una soluzione gratuita o premium per la vostra galleria o slider jQuery.

Abbiamo trovato alcune soluzioni di immagini gratuite di qualità, che ti piaceranno. Naturalmente, con le risorse premium – ci sono state alcune gallerie che ci hanno semplicemente spazzato via.

Tabella dei contenuti

• jQuery Image Slideshows
• jQuery Image Galleries
• jQuery Image Sliders
• jQuery Portfolio, News and Tour Sliders
• CSS Based Galleries

Passa attraverso la collezione e trova la migliore soluzione per le tue esigenze. Se si tratta di un progetto personale, sicuramente non vorrete spendere soldi. Ma d’altra parte, se si tratta di un lavoro freelance, forse vale la pena spendere un po’ di soldi per lasciare davvero un impatto sul tuo cliente e risparmiare un sacco di tempo allo stesso tempo!

Credo che quello che sto suggerendo è di guardare sempre quanto tempo ci vuole per te per modificare, installare o configurare una soluzione gratuita. Se non sei così abile o ti richiede tempo – guarda sicuramente al codice pre-fatto e agli strumenti economici ma di alta qualità come questi.

jQuery Image Slideshows

Di seguito troverai tutti i migliori slideshow jQuery. Di solito gli slideshow sono usati in cima al sito web per presentare le parti più importanti nel modo più alla moda.

AviaSlider

AviaSlider è un plug-in per slideshow di immagini molto flessibile e facile da usare costruito con jQuery. Ha una serie di transizioni davvero uniche che non ho visto da nessun’altra parte, così come alcune transizioni di base.

Viene fornito con un pre-caricatore di immagini così lo slider inizia a funzionare solo quando le immagini sono caricate e pronte per essere presentate. Niente animazioni goffe con immagini caricate a metà.

Per vedere come funziona dal vivo, ecco un’anteprima demo.

Jssorr (Free)

Jssor Slider è uno slideshow di immagini touch swipe con 360+ effetti slideshow JavaScript. Quando tocchi Jssor Slider, congela l’animazione e fa scorrere le diapositive nella direzione in cui si muove il tuo dito.

Ci sono più di 360 effetti diversi, puoi controllarli tutti qui. I miei effetti preferiti sono la semplice dissolvenza e lo slider carosello.

S3Slider (Free)

S3Slider un jQuery Slideshow con tre diverse caratteristiche e lati di visualizzazione. Si può facilmente regolare la dimensione dello slider e ritardare la velocità di cambiamento. Oh, e viene fornito con una documentazione davvero buona, anche.

Camera Slideshow (Free)

Camera slideshow è un plugin jQuery, che può essere utilizzato anche come plugin WordPress.

Viene fornito con 33 temi incorporati, ma potete anche essere creativi, perché slideshow ha un file CSS incluso, dove potete personalizzare le parti che volete.

E’ possibile implementare facilmente oggetti HTML, video e didascalie. Uno svantaggio è che questo slideshow è basato su un progetto chiamato Diapo, che non è più supportato. Ma comunque, è stato testato su tutti i principali browser.

Controlla la demo live qui.

Sequence JS (Free)

Sequence JS è uno slideshow JavaScript basato su un framework CSS. È pensato per essere usato per creare slider, banner, presentazioni e altre applicazioni basate su passi.

Se i temi gratuiti pre-costruiti non sono abbastanza per te, controlla il loro negozio di temi. Puoi anche semplicemente ordinare il tuo tema personalizzato. Ma per come la vedo io, si ottiene davvero tutto il necessario nella versione gratuita, in più ci sono un bel po’ di temi gratuiti disponibili.

jQuery Banner Rotator / Slideshow

Questo è un plugin jQuery banner rotator con transizioni multiple. Le miniature e i pulsanti permettono una facile navigazione per i tuoi banner/annunci. Il banner rotator è anche ridimensionabile e configurabile attraverso i parametri del plugin.

Slide JS (Free)

Slide JS è un plugin jQuery che è reattivo, ha un supporto touch, una facile configurazione e transizioni CSS3. È ottimo per essere visualizzato come pagina iniziale del tuo sito web, ed è gratuito. Ha anche una documentazione completa, controlla l’anteprima dal vivo sulla loro home page.

Slideshow 2 (Free)

Slideshow 2 è una classe JavaScript per Mootools 1.2 per trasmettere e animare la presentazione delle immagini sul tuo sito web. Visita il loro sito web per una lista completa delle caratteristiche.

JavaScript TinySlideshow (Free)

Questo slideshow dinamico JavaScript è uno script gratuito e leggero (5kb) per gallerie di immagini / slideshow.

Puoi facilmente impostarlo per l’auto-visualizzazione delle immagini, impostare la velocità di scorrimento, l’opacità delle miniature o disabilitare lo slider delle miniature. Ho voluto includerlo in questa collezione perché è così leggero. Clicca qui per scaricare questo slideshow e vedere un’anteprima dal vivo.

jQuery Image Galleries

In questa sezione troverete le gallerie di immagini. Sono più adatte ai portafogli, ma possono essere usate anche nei blog. Quindi scaviamo dentro.

Galleria

Galleria è una galleria di immagini JavaScript. È costruita in modo da semplificare il processo di creazione di una bella galleria di immagini. Non devi essere un esperto di programmazione per usarla. Solo poche righe di codice, aggiungi alcune immagini, e hai finito.

Galleria ha un sacco di grandi strumenti, che puoi usare per creare la tua galleria di immagini. Galleria, come puoi vedere nello screenshot, è la versione gratuita, che puoi personalizzare come vuoi.

Tuttavia, se vuoi ottenere uno qualsiasi degli altri design di Galleria, dovrai pagarli, trovane altri nel loro negozio. Questi temi hanno un prezzo compreso tra $9 e $29.

Sideways

Sideways Image Gallery è un plugin jQuery con aggiunta di stile CSS3. La galleria è reattiva e presenta immagini a tutto schermo con diverse modalità e barre di scorrimento personalizzate. È una galleria di immagini moderna e accattivante.

Questa è la più adatta per la presentazione di portfolio fotografici, perché può davvero dare il giusto credito al loro lavoro.

Come se non fosse abbastanza buono, è anche gratuito da usare. Guarda l’anteprima dal vivo qui.

Visual Lightbox

VisualLightBox è un programma gratuito wizard jQuery che ti aiuta a generare facilmente gallerie di foto sul web. È basato sul famoso script LightBox2. In pochi click puoi creare gallerie mozzafiato senza scrivere una sola riga di codice.

Sul loro sito web offrono un sacco di modelli, che possono essere utilizzati per una varietà di scopi. È il più adatto per agenzie di viaggio, blog di avventura e siti web di portfolio di lavoro.

TripTracker

Lo slideshow TripTracker è un leggero visualizzatore di immagini JavaScript con una funzione di slideshow animato. Fa esattamente quello che dice di fare. Non ci sono opzioni extra, è un semplice visualizzatore di foto. Molto adatto per gli articoli.

Clicca qui per provarlo.

NoobSlide

NoobSlide ha 8 diversi esempi di come visualizzare le immagini usando MooTools. Sfortunatamente, non c’è alcuna documentazione, ma è una galleria molto facile da usare e vale la pena controllarla.può essere usata come una vetrina su un blog di viaggi o anche un portfolio.

PrettyPhoto

Pretty Photo è un clone di jQuery Lightbox. Abbastanza simile al Lightbox originale con poche caratteristiche aggiunte e una documentazione completa. È facile da configurare e molto flessibile.

Questo plugin supporta video, Ajax e iframes. Può essere usato per foto singole o gallerie. Le gallerie possono anche avere contenuti misti. È molto adatto a diversi tipi di blog.

Per una demo e il download, visitali qui.

Unite Gallery

Unite Gallery è una galleria moderna che usa jQuery. È progettata in modo modulare, con la personalizzazione in mente. Puoi anche creare il tuo tema con facilità.

Questa galleria è completamente reattiva. Offre 9 pelli diverse ed è completamente documentata. Puoi scaricarla per WordPress, Drupal, PrestaShop, OpenCart e Joomla.

Questa galleria è adatta per vetrine fotografiche o menu di ristoranti. L’uso è gratuito, poiché è rilasciato sotto la licenza MIT. Tutto sommato, è una grande aggiunta ai siti web pieni di immagini.

Puoi vederla in azione qui.

Auto Generating Gallery

Auto Generating Gallery non prende effettivamente le immagini per te, ma è abbastanza intelligente allo stesso modo. Questa galleria non crea nemmeno le miniature per te. Quello che fa è costruirsi dinamicamente dalla tua directory di immagini. Così, quando vuoi aggiungere nuove foto, devi semplicemente inserire la nuova foto e la miniatura nella directory e il gioco è fatto! Rimuovere le foto significa semplicemente rimuovere le foto dalla directory delle immagini. Questa galleria usa PHP per il suo web wizardry. Puoi trovare un tutorial completo e una demo qui.

HighSlide JS

Highslide JS è un software JavaScript open source, che offre un approccio Web 2.0 alle finestre pop-up. Semplifica l’uso di immagini in miniatura e pop-up HTML sulle pagine web. Puoi usarlo come visualizzatore di miniature o come supporto per contenuti HTML a scorrimento.

Un’anteprima dal vivo della sua funzionalità può essere trovata qui.

Galleria Polaroid in stile flat

Galleria Polaroid è disponibile come plugin jQuery. Porta l’aspetto vintage delle foto Polaroid al livello successivo.

I punti di forza di Polaroid Gallery includono che è stato progettato con un design reattivo e piatto in mente. Polaroid Gallery offre anche la transizione shuffle e i supporti per il contenuto se ne avete bisogno. Le immagini possono capovolgersi e mostrare anche il retro.

Questa galleria è una buona scelta per i viaggiatori o i blogger che vogliono mostrare la loro ultima avventura.

Assicurati di vederla in azione qui.

jQuery Image Sliders

Questa sezione è dedicata a tutti i migliori e più belli slider, sia premium che gratuiti. Fanno un lavoro simile agli Slideshow, ma possono enfatizzare i titolari di contenuti.

Touch Enabled RoyalSlider

Royal Slider è una galleria di immagini jQuery e non solo. Questo cursore può essere usato come cursore di immagini, slideshow, cursore di contenuti HTML, galleria, rotatore di banner, carosello di galleria video, o semplicemente come presentazione. Le opzioni sono illimitate. Questo slider completo è disponibile anche come plugin per WordPress.

Ha didascalie animate incorporate, supporta il touch per i dispositivi mobili ed è completamente reattivo. Questo è un must per lo slider di immagini jQuery. Guarda l’anteprima dal vivo qui.

LayerSlider

LayerSlider è un plugin premium per WordPress per creare bellissime gallerie di immagini, cursori di contenuti e slideshow incredibili con effetti incredibili.

LayerSlider è dotato di 13 skin integrate. Ha più di 200 transizioni di slide 2D e 3D e 3 tipi di navigazione. LayerSlider offre anche il supporto per i dispositivi mobili e i layout multipli.

È possibile aggiungere qualsiasi contenuto, da immagini, testo, HTML personalizzato, video YouTube e Vimeo a contenuti multimediali HTML5 self-hosted.

Consentendoti di costruire un markup semantico con attributi personalizzati che i motori di ricerca possono indicizzare facilmente, è anche SEO friendly.

Guarda tu stesso qui.

UnoSlider

UnoSlider è uno slider di immagini che viene fornito come plugin per WordPress e jQuery. Ha animazioni di transizione illimitate.

Questo cursore di immagini è completamente reattivo ed è anche compatibile con i vecchi browser. I livelli sono molto ben animati con molte opzioni di personalizzazione. L’installazione e l’uso sono semplici.

UnoSlider dispone di più di 30 opzioni di animazione, opzioni per le slide ed è facile da tematizzare. Questo cursore è anche dotato di API pubbliche, pre-caricatore di immagini e ha la capacità di tenere più cursori su una pagina. Anche il contenuto HTML può essere mostrato. Scegli tra 12 temi pre-costruiti e più di 40 opzioni di transizione.

Puoi vedere una demo di questo incredibile slider di immagini qui.

Master Slider

Master Slider è uno slider di immagini e contenuti di alto valore e qualità. È disponibile come plugin jQuery e WordPress. E ha anche una versione gratuita.

Questo cursore ha tutto ciò di cui avete bisogno per costruire cursori di immagini e contenuti accattivanti. È completamente reattivo e può funzionare su qualsiasi schermo o dispositivo. Puoi scegliere tra 6 diverse transizioni interattive e 25 modelli pre-costruiti.

Questo slider offre una navigazione touch swipe, livelli animati, miniature e schede. Master Slider è anche dotato di precaricamento intelligente delle immagini.

Wow Slider

Wow Slider è in realtà uno slider per non codificatori. Offre un menu drag and drop, che si usa per creare uno slider di immagini per il tuo sito web.

Nel nucleo Wow slider è uno slider di immagini jQuery, ma può anche funzionare senza jQuery. Può essere leggero come vuoi tu.

Il creatore drag and drop può generare usando una pagina HTML, o un plugin per WordPress o Joomla. Puoi scegliere tra 25 transizioni diverse ed è gratuito da usare.

Le caratteristiche principali sono:

• Pienamente reattivo
• Altamente personalizzabile
• Visualizzazione touch swipe
• All browser support
• SEO friendly

Queste sono solo alcune caratteristiche principali. Per una lista completa e una demo dal vivo controlla il loro sito web.

Slider Revolution

Slider Revolution è uno slider reattivo e a tutta larghezza con effetti imperdibili e SEO friendly incorporato. Guarda i mucchi di transizioni e animazioni personalizzate per ogni oggetto sulla pagina! Personalizza questo slider con il suo comodo back-end drag & drop per soddisfare le tue esigenze.

Questo plugin offre tonnellate di effetti di transizione unici, un pre-caricatore di immagini, l’incorporazione di video, l’auto-play che si ferma sull’interazione dell’utente e un sacco di opzioni facili da impostare per creare i tuoi effetti. Slider Revolution può essere acquistato come plugin per WordPress, Drupal, PrestaShop, Magento OpenCart e jQuery. Slider Revolution ha un supporto video che è facile da seguire. Nessuna abilità di codifica avanzata richiesta, facile come cucinare il bacon. Ah… cosa sto dicendo? Controlla tu stesso.

Accordion Slider

Accordion Slider è uno slider completamente reattivo basato su jQuery. È disponibile anche come plugin per WordPress. Non c’è quasi nulla che non si possa fare con esso.

Accordion Slider è dotato di livelli animati e animazioni fluide. Non devi scendere a compromessi con il design, poiché lo slider ha il supporto per il tocco per la migliore esperienza utente possibile.

La paginazione su questo slider è unica, perché è possibile impostare il numero di pannelli visibili per pagina. Il layout è completamente personalizzabile.

Perché ha una funzione di caricamento pigro, le immagini possono essere caricate solo quando vengono visualizzate. Puoi anche impostare le immagini ad alta risoluzione per essere caricate solo su schermi ad alto PPI, dato che ha il supporto per gli schermi Retina.

Alcune caratteristiche aggiuntive sono disponibili per il plugin WordPress.

Fotorama image slider

Fotorama image slider è semplice ma allo stesso tempo molto potente. Puoi usarlo per jQuery o per WordPress e Ruby on Rails. Per aiutarvi a impostare Fotorama, hanno anche un video tutorial.

È un modo semplice per mostrare le vostre foto o immagini, ma abbastanza potente da lasciarvi a bocca aperta. È gratuito da usare. Controlla qui.

All in One Slider

All in One slider è uno slider jQuery e viene fornito con cinque modi diversi per aiutarti a creare un bellissimo Banner rotator, Thumbnails Banner, Banner con Playlist, Content Slider, e Carousel.

È uno slider avanzato, che ti permette di creare potenti slide con testo animato e tag HTML. Questo è un potente strumento che ti fornisce tutto ciò di cui hai bisogno nello sviluppo di un sito web per mostrare i tuoi prodotti o immagini.

All in One slider è completamente reattivo e supporta il touch screen. All in One slider offre 16 diverse transizioni e testo animato. Supporta tutti i principali browser ed è un prodotto premiato.

Vedilo da solo. Ecco un’anteprima dal vivo.

Blueberry Image Slider

Blueberry image slider è un plugin jQuery, che è stato sviluppato appositamente per il responsive web design. Blueberry image slider è un progetto open-source, basato su un sistema a griglia di 1140px da cssgrid.net. È semplice e allo stesso tempo un’eccellente opzione gratuita.

Sono sicuro che ti piacerà tanto quanto piace a me. Controlla l’anteprima dal vivo e l’opzione di download qui.

RhinoSlider

RhinoSlider è uno slider jQuery che ha la possibilità di personalizzare la tua versione prima del download. Questo può diminuire significativamente il tempo speso per impostarlo. Naturalmente puoi scaricare l’intero pacchetto, ma penso che il modo migliore sia quello di usare il generatore.

È molto flessibile e offre un sacco di opzioni su callback e callbefore. È possibile impostarlo su auto-play o farlo fermare su hover. Sono disponibili anche le didascalie e sono personalizzabili.

Vedete voi stessi sul loro sito web. È un grande strumento gratuito.

Slippry

Slippry image slider è un plugin jQuery che usa transizioni CSS3 ed elementi HTML5. Può essere semplice o complesso come vuoi tu.

Perché i file CSS e Sass sono inclusi, puoi lasciare libera la tua immaginazione e stilizzarlo come vuoi tu. Slippry fa il suo lavoro al meglio nella parte superiore della home page. Con le didascalie può servire come buona presentazione di un’azienda.

Non credeteci, controllate qui per la documentazione completa e una demo dal vivo.

Un Slider

Unslider è uno slider molto semplice che si basa su jQuery. È molto piccolo ma potente. Puoi cambiare tutto, in modo che funzioni e si senta come vuoi tu.

Unslider è davvero lo slider più semplice che abbia mai incontrato. Non c’è davvero bisogno di essere un esperto per usarlo. Basta aggiungere poche righe di codice, inserire le immagini e si ha un bel cursore per il proprio sito web o blog.

Tutto il loro sito è una grande demo per questo cursore.

Unleash 3

Unleash 3 è un altro cursore jQuery accordion sulla nostra lista. È uno dei migliori che ci siano. Hai un sacco di opzioni e impostazioni tra cui scegliere. È possibile aggiungere didascalie e controlli con stili diversi o aggiungere qualsiasi altro contenuto con animazioni CSS3 multiple.

Le proprietà principali sono:

• Pienamente reattivo
• Modalità schermo intero
• Possibilità di scegliere una diapositiva quando la pagina viene caricata
• Documentazione passo passo

.

• Supporto touch
• Supporto video

MightySlider

Mighty Slider è tutto ciò di cui hai bisogno per creare un incredibiledirezionale. Mighty Slider può essere usato come rotatore di banner, galleria video, presentazione e slider di base. Tutto questo è possibile grazie a un’API molto potente. Mighty Slider ti dà il controllo totale sul layout e sul design.

Fullscreen Slit slider

Fullscreen Slit Slider è un plugin jQuery e usa animazioni CCS3. Lo slider può estendersi su tutto il viewport o essere usato come slider all’interno di altri contesti.

Fullscreen Slit Slider è completamente reattivo e ha alcune transizioni a schermo diviso uniche. Con le didascalie è un ottimo modo di rappresentare la vostra causa ai visitatori.

Guardatelo in azione. Sono sicuro che sarete stupiti di ciò che questo slider gratuito può fare.

jQuery Portfolio, News & Tour Sliders

Questa sezione è dedicata agli slider che sono particolarmente progettati per mostrare portfolio, notizie e tour.

jQuery Carousel Evolution

jQuery Carousel Evolution è un modo semplice e a basso costo per creare una presentazione accattivante di prodotti o team. Sì, è uno slider premium, ma offre un grande valore per i suoi soldi.

jQuery Carousel Evolution è un potente slider che utilizza il markup HTML. Offre 9 stili diversi per i cursori. Questo cursore supporta anche l’implementazione dei video di YouTube e Vimeo. Tutti i principali browser sono supportati.

Puoi controllare la demo qui.

Cube Portfolio – Responsive jQuery Grid Plugin

Cube Portfolio è un plugin jQuery molto cool con tonnellate di animazioni. Offre didascalie personalizzate e gioca bene con il tuo attuale codice HTML e CSS.

Cube Portfolio fornisce 30+ opzioni, che ti danno il controllo completo del layout e del design. Slider ha un design completamente reattivo ed è completamente personalizzabile. Utilizza animazioni CSS3 e si può scegliere tra 19 modelli del pacchetto iniziale. Cube Portfolio è anche dotato di un sistema di filtraggio.

È utilizzato al meglio per cursori verticali, progetti di portfolio, presentazione di membri del team, presentazione di fotografie o altre griglie a mosaico. L’uso è illimitato. Cube Portfolio è disponibile anche come plugin per WordPress.

Controlla l’anteprima dal vivo qui.

Slideme

Questo plugin jQuery è ottimo per la parte superiore del sito web, per presentare il tuo lavoro o dire di più su di te.

Slideme ha una documentazione completa e un tutorial su come impostare lo slider, per ogni tipo di dispositivo individualmente. Il design è completamente reattivo con animazioni CSS3. È facile da configurare e fornisce un’API pubblica.

Slideme è gratuito da usare e vale sicuramente la pena dare un’occhiata. Guarda la demo qui.

PgwSlider

Pgw slider è uno slider jQuery, progettato per mostrare le tue immagini. Questo cursore è completamente reattivo. È leggero e compatibile con tutti i browser. Pgw slider è anche SEO friendly.

Questo slider è molto adatto a siti di notizie o di blogging in quanto può mostrare i tuoi post o articoli più recenti.

Per le caratteristiche complete e uno slider demo clicca qui.

All Around Content Slider

All Around slider è uno slider jQuery multiuso. Puoi usarlo come un carosello o uno slider. Supporta anche i video. All Around slider offre 6 temi o layout pre costruiti e una tonnellata di opzioni.

Slider è dotato di un’opzione per trascinare e spostare i cerchi e di un loop infinito. Oltre a questo, è completamente reattivo con supporto mobile. Ogni singola immagine può essere ingrandita e può contenere anche una descrizione.

All Around slider è usato al meglio come vetrina di prodotti o presentazione di team.

Controlla l’anteprima live qui.

Lens Slider

Lens Slider è un progetto open-source e quindi, completamente personalizzabile. Slider usa un markup HTML molto semplice di una lista non ordinata. Le immagini sono mostrate come potete vedere nello screenshot. Non sono disponibili altre opzioni. Lens Slider è anche disponibile come plugin per WordPress ed è gratuito da usare.

L’uso più adatto sarebbe per prodotti, servizi, o presentazione ateam.

Guarda qui.

Gridder

Gridder è un fantastico slider per mostrare il tuo lavoro. Gridder imita un po’ la ricerca di immagini su Google. Per visualizzare l’immagine più grande si clicca su una miniatura e questa si espande. Questo è un ottimo modo per mostrare un gran numero di immagini allo stesso tempo.

Gridder è disponibile come anteprima jQuery o Ajax. È una fantastica soluzione gratuita per il tuo prossimo progetto di portfolio.

Per l’anteprima live jQuery controlla qui. Se vuoi Ajax clicca qui.

Barack Slideshow 0.3

Barack Slideshow è un elegante e leggero slideshow scritto in JavaScript. Questo slideshow può funzionare con liste verticali, orizzontali e irregolari. Le immagini sono precaricate con MooTool Assets. Per mantenere il codice pulito, dovreste controllare il codice CSS. Questo significa cambiare alcune parti se necessario.

Barack Slideshow può essere usato come una vetrina di portfolio, lista di prodotti, o anche per elencare i tuoi clienti.

Qui puoi trovare una demo e testare diverse opzioni.

jQZoom Evolution

JQ Zoom Evolution

JQZoom è una lente di ingrandimento per immagini JavaScript, costruita sopra il popolare framework JavaScript jQuery. jQZoom è un grande e davvero facile da usare script per ingrandire parti della tua immagine.

Questa lente d’ingrandimento è la più adatta per negozi online e menu di ristoranti.

Trova la documentazione e la demo qui.

Multimedia Portfolio 2

Multimedia Portfolio 2 è un plugin jQuery che può rilevare automaticamente l’estensione di ogni file media e applicare il player appropriato. Supporta immagini e video. Multimedia Portfolio usa un semplice markup HTML ed è facile da usare.

Questo slider è più adatto per mostrare prodotti, servizi e anche notizie.

Guarda la loro demo.

jQuery Virtual Tour

jQuery Virtual tour è un’estensione del semplice visualizzatore di panorama. Questo jQuery virtual tour ti permette di trasformare alcune viste panoramiche in un tour virtuale! È un grande plugin che vale la pena guardare.

Puoi trovare una demo e le opzioni di download qui.

47.jQuery Vertical News Slider

jQuery Vertical News slider è molto utile per i siti web che vogliono mostrare alcune notizie o campagne di marketing sui loro siti. È reattivo e utilizza animazioni CSS3. Vertical News slider ti permette anche di personalizzare completamente lo stile dello slider.

Guarda l’anteprima dal vivo qui.

Multi Item Slider

Questa galleria è anche un tutorial su come crearla da solo. Multi item jQuery gallery è stato ispirato dallo slider Apple, che mostra più prodotti in una volta. È completamente reattivo con un design piatto con una varietà di effetti.

Multi item jQuery gallery è molto adatto ai negozi online per mostrare i loro prodotti. Viene fornito con una navigazione semplice, come si vede nello screenshot. La navigazione è intuitiva per cambiare tra una varietà di categorie.

Per un’anteprima dal vivo clicca qui.

Gallerie basate su CSS

Siamo arrivati alla nostra ultima sezione, dove troverete le migliori gallerie basate su CSS puro. Potrebbero non essere così popolari, ma valgono sicuramente una prova. Guardate voi stessi.

HoverBox Image Gallery

HoverBox Image Gallery è fondamentalmente una galleria fotografica roll-over super leggera (8kb) che usa solo CSS. Per un caricamento più veloce usa solo un’immagine per la miniatura e l’anteprima del roll-over. Sono supportati tutti i principali browser. HoverBox Image Gallery è libero da usare per i tuoi progetti.

È meglio usato come vetrina fotografica per fotografi, qualsiasi tipo di portfolio e menu per ristoranti.

Vivo anteprima qui.

CSS Image slider con transizioni 3-D

CSS image slider è un progetto sperimentale che include anche un tutorial completo. Per l’animazione utilizza tecniche CSS e CSS3 con l’aggiunta di effetti 3-D sulle transizioni. L’uso previsto è strettamente come un cursore di immagini.

Il cursore di immagini CSS può essere usato per mostrare prodotti e servizi. Secondo me potrebbe andare bene anche come cursore di immagini in un articolo a tutta larghezza.

Guarda l’anteprima dal vivo.

CSS3 Animated Image Gallery

CSS3 animated image gallery usa CSS3 e HTML5 per rendere gli effetti. Le immagini si ingrandiscono quando ci passi sopra con il mouse. Questo permette uno sguardo più dettagliato. Se sei interessato, puoi dare un’occhiata al tutorial e crearlo da solo. Altrimenti puoi semplicemente scaricare il codice sorgente.

Galleria di immagini animate CSS3 è adatta per vetrine fotografiche.

Filtronio CSS3 Portfolio

Filtronio CSS3 portfolio è una grande galleria in puro CSS e HTML5 per mostrare il tuo portfolio o anche i tuoi prodotti.

E’ semplice ma allo stesso tempo una galleria portfolio molto potente e professionale. È possibile scegliere tra 3 temi diversi. Filtronio CSS3 portfolio offre anche livelli animati e un filtro per le categorie. La galleria è codificata in modo pulito e facile da personalizzare.

Guarda la demo live qui.

Pure CSS3 Image Gallery

Questa è una semplice galleria di immagini CSS3 che crea l’effetto di una finestra pop-up quando si clicca sull’immagine. È adatta per mostrare i portafogli sui siti web. Se sei interessato, puoi anche seguire il tutorial per farla da solo.

Guarda l’anteprima dal vivo.

CSS Lightbox Image Gallery

Questa galleria di immagini è un’altra galleria CSS pura. Ingrandisce le immagini quando vengono cliccate. Puoi scaricare il codice sorgente, o se ne hai voglia, segui il tutorial..

CSS Lightbox image Gallery dovrebbe essere usata su un sito web non scorrevole. Tuttavia questo può essere annullato con una singola linea di JavaScript, che è inclusa alla fine del tutorial. L’uso più adatto sarebbe una vetrina per un portfolio.

Slidea

Ed ecco una gemma di questa collezione, Slidea. Slidea è un cursore di contenuti multiuso. Questo plugin di scorrimento è stato costruito su jQuery, VelocityJS e sul framework di animazione Animus. Con Slidea non ci sono limitazioni all’animazione: puoi fare tante cose fantastiche!

Posso provare a descrivere quanto è bello, ma basta controllare la demo e capirai perché mi piace così tanto!

Conclusione

Devo dire che mi è piaciuto molto ricercare questi plugin. Abbiamo trovato dei cursori incredibili che, si spera, vi aiuteranno a lavorare al vostro prossimo progetto in modo più efficiente. Qui c’è qualcosa per ogni situazione.

Ci sono così tanti slider e slideshow incredibili che è difficile decidere cosa individuare. Ma secondo me dovresti assolutamente controllare lo slider Gridder, perché è davvero incredibile quello che può fare, soprattutto gratuitamente, quindi è una situazione win-win.

E non dovresti assolutamente dimenticare Slidea. Sì, è uno slider premium, ma ha così tanto valore che vale la pena investire!

Se ti è piaciuto il nostro articolo, condividilo con i tuoi amici, e dicci se ci siamo persi il tuo slider preferito.

Qual è il tuo plugin preferito per la galleria? Ci piacerebbe sentire le tue esperienze!

Nota del redattore: questo articolo è stato aggiornato l’ultima volta il 26 agosto 2020.