4 novembre 2019 La voce è stata aggiornata

Yuri Nemets

Slider CSS puri + slider bonus

Gli slider CSS presentano alcuni vantaggi rispetto agli slider Javascript. Uno di questi vantaggi è la velocità di download. Non solo le immagini per i dispositivi di scorrimento vengono utilizzate in grandi dimensioni (se non è disponibile l'ottimizzazione per schermi diversi), ma viene anche dedicato del tempo al caricamento degli script. Ma nell'articolo vedrai solo slider CSS puri.

Ecco cosa ho trovato sul sito sugli slider:

1.Css3 cursore immagine

Un dispositivo di scorrimento CSS che utilizza i pulsanti di opzione per navigare tra le diapositive. Questi pulsanti di opzione si trovano sotto gli slider. Inoltre, oltre ai pulsanti di opzione, la navigazione viene eseguita utilizzando le frecce a sinistra e a destra. Per tenere traccia di quale immagine è attualmente visualizzata, vengono utilizzate le pseudo-classi selezionate.

2.Css3 cursore dell'immagine in miniatura

A differenza del precedente slider CSS, qui invece dei pulsanti di opzione ci sono le miniature di tutte le immagini in basso, il che è utile anche quando si crea una galleria di immagini. Le immagini cambiano con un effetto particolare: scompaiono dolcemente quando vengono ingrandite.

3. Galleria CSS

Ma questo slider CSS è perfetto per le pagine di vendita. Di norma, quando si sviluppano pagine di destinazione (pagine di vendita), molti sviluppatori web posizionano uno slider all'inizio, in modo che nella prima schermata (senza scorrere) il visitatore possa vedere immediatamente tutti i vantaggi che sono per lui su questa pagina. Soprattutto, questo dispositivo di scorrimento è reattivo, il che è anche fantastico.

4. Slider CSS senza link

Voglio solo notare che questo dispositivo di scorrimento non utilizza i collegamenti! Per impostazione predefinita, oltre all'immagine principale (diapositiva), sono visibili altre 2 diapositive. Si trovano dietro a quello principale. Il cambio di diapositiva avviene in una modalità bellissima: in primo luogo, due diapositive vengono allontanate e quella diapositiva diventa al centro, che quindi diventa quella principale. La diapositiva viene quindi ingrandita e posizionata davanti alle altre.

5. Dispositivo di scorrimento reattivo in CSS3

Un altro dispositivo di scorrimento reattivo con controlli dei pulsanti di opzione. Per vedere come apparirà questo dispositivo di scorrimento su diversi dispositivi, puoi modificare tu stesso la finestra del browser o nella pagina con il dispositivo di scorrimento ci sono icone speciali per diversi dispositivi, facendo clic su cui vedrai il dispositivo di scorrimento apparirà sul tuo computer, tablet o smartphone.

*** CURSORE BONUS ***

Oltre a tutti i cursori presentati sopra, voglio farti piacere con un altro. Questo slider è perfetto per creare una galleria di immagini. Le parole non possono spiegare cosa fa, quindi è meglio guardare tutto nel video:

Conclusione

Con l'aiuto degli slider è possibile progettare in modo bello gallerie di immagini, posizionandole in modo più compatto, inserire uno slider nella prima schermata (la parte della pagina che è visibile senza scorrere) della pagina di vendita per mostrare immediatamente al visitatore i principali vantaggi che riceverà. Puoi ancora trovare molti modi in cui e come puoi usare i cursori, ma una cosa è chiara: sono utili se usati correttamente.

Elementi che sono stati discussi nell'articolo.

SliderPro- adattivo jQuery slider con supporto per miniature e altre impostazioni, inclusa la propria API.

• Il dispositivo di scorrimento si regola per adattarsi allo schermo per impostazione predefinita. Non solo le immagini verranno ridimensionate, ma anche i livelli con i tuoi contenuti aggiuntivi.
• Supporto per eventi touch-swipe per touch screen. L'utilizzo dei punti di interruzione è analogo alle query multimediali CSS per modificare le impostazioni del dispositivo di scorrimento su diverse dimensioni dello schermo.
• Animazione fluida con transizioni CSS3, animazione a livelli, effetto dissolvenza per cambiare le diapositive.
• Il dispositivo di scorrimento può essere a larghezza intera, a schermo intero o posizionato all'interno di un contenitore.
• Modifica automaticamente l'altezza della diapositiva. L'orientamento delle anteprime può essere verticale o orizzontale.
• Per le immagini, sono supportati il ​​caricamento lento, la retina e la possibilità di caricare varie immagini per dimensioni dello schermo specifiche.
• Supporto video, integrazione lightbox, navigazione con frecce, punti, tastiera, miniature e molto, molto altro.

CSS

Includiamo il file di stile:

HTML

Un esempio di markup per l'inserimento di uno slider:

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

consectetur adipisising elit

Js

Colleghiamo gli script necessari:

Inizializziamo il plugin:

Maggiori dettagli sullo slider e sul suo utilizzo sono disponibili su github. Collegamento sottostante.

Se hai bisogno di aggiungere uno slider di immagini jQuery di alta qualità al tuo sito, in questo articolo troverai una descrizione dei plugin necessari. Sebbene jQuery abbia reso JavaScript molto più facile da usare, abbiamo ancora bisogno di plugin per accelerare il processo di web design.

Possiamo apportare modifiche ad alcuni di questi plugin e creare nuovi slider molto più in linea con gli obiettivi del nostro sito.

Per altri dispositivi di scorrimento, devi solo aggiungere titoli, immagini e selezionare gli effetti di transizione delle diapositive forniti con il dispositivo di scorrimento. Tutti questi plugin sono ben documentati, quindi aggiungere nuovi effetti o funzionalità è facile. Puoi anche modificare i trigger basati su eventi se sei un programmatore jQuery esperto.

Le ultime tendenze come il responsive design sono molto importanti per i progetti web, sia che tu stia implementando un plugin o uno script. Tutti questi elementi rendono ciascuno di questi plugin molto flessibile. Tutto ciò che è uscito nel 2014 è incluso in questo elenco.

Slider immagine JQuery

Cursore reattivo Jssor

Di recente mi sono imbattuto in questo dispositivo di scorrimento jQuery funzionale e ho potuto constatare in prima persona che svolge molto bene il suo lavoro. Contiene infinite possibilità che possono essere espanse tramite il codice slider open source:

• Design adattivo;
• Più di 15 opzioni di personalizzazione;
• Più di 15 effetti di modifica dell'immagine;
• Galleria di immagini, caroselli, supporto per la dimensione dello schermo intero;
• Rotatore banner verticale, elenco diapositive;
• Supporto video.

Dimostrazione | Scarica

PgwSlider è uno slider reattivo basato su JQuery / Zepto

L'unico scopo di questo plugin è mostrare presentazioni di immagini. È molto compatto in quanto i file jQuery hanno una dimensione di soli 2,5 KB, il che lo rende molto veloce da caricare:

• Layout reattivo;
• ottimizzazione SEO;
• Supportato da diversi browser;
• Transizioni di immagini semplici;
• La dimensione dell'archivio è di soli 2,5 KB.

Dimostrazione | Scarica

JQuery Vertical News Slider

Uno slider jQuery flessibile e utile progettato per le risorse di notizie con un elenco di post sul lato sinistro e un'immagine sulla destra:

• Design adattivo;
• Colonna verticale per cambiare notizia;
• Intestazioni estese.

Dimostrazione | Scarica

Cursore Wallop

Questo slider non contiene JQuery, ma vorrei introdurlo in quanto è molto compatto e può ridurre significativamente i tempi di caricamento della pagina. Fammi sapere se ti piace:

• Layout reattivo;
• Design semplice;
• Varie opzioni per cambiare le diapositive;
• Codice JavaScript minimo;
• La dimensione è di soli 3 KB.

Dimostrazione | Scarica

Galleria Polaroid in stile piatto

Una galleria in stile documento con un layout flessibile e un bel design dovrebbe interessare a molti di voi. Più adatto per tablet e display di grandi dimensioni:

• Dispositivo di scorrimento reattivo;
• Design piatto;
• Cambio casuale di diapositive;
• Accesso completo al codice sorgente.

Dimostrazione | Scarica

A-Slider

Dimostrazione | Scarica

HiSlider - Slider per immagini HTML5, jQuery e WordPress

HiSlider ha introdotto un nuovo plug-in di scorrimento jQuery gratuito che ti consente di creare una varietà di gallerie di immagini con fantastiche transizioni:

• Dispositivo di scorrimento reattivo;
• Nessuna conoscenza di programmazione richiesta;
• Diversi fantastici modelli e skin;
• Bellissimi effetti di transizione;
• Supporto per diverse piattaforme;
• Compatibile con WordPress, Joomla, Drupal;
• Possibilità di visualizzare contenuti di diverso tipo: immagini, video YouTube e video Vimeo;
• Personalizzazione flessibile;
• Utili funzioni aggiuntive;
• Contenuto illimitato visualizzato.

Demo | Scarica

Wow cursore

WOW Slider è uno slider di immagini jQuery reattivo con immagini straordinarie ( domino, gira, sfoca, capovolgi e lampeggia, vola fuori, persiane) e modelli professionali.

WOW Slider viene fornito con una procedura guidata di installazione che ti consente di creare fantastici slider in pochi secondi senza dover passare attraverso il codice o modificare le immagini. Sono inoltre disponibili per il download le versioni dei plugin per Joomla e WordPress:

• Completamente reattivo
• Supporto per tutti i browser e tutti i tipi di dispositivi;
• Supporto per dispositivi touch;
• Facile installazione su WordPress;
• Flessibilità nella personalizzazione;
• Ottimizzato per SEO.

Demo | Scarica

Nivo Slider - Plugin jQuery gratuito

Nivo Slider è conosciuto in tutto il mondo come lo slider di immagini più bello e facile da usare. Il plugin Nivo Slider è gratuito e rilasciato sotto licenza MIT:

• È richiesto JQuery 1.7 o versioni successive;
• Bellissimi effetti di transizione;
• Semplice e flessibile da personalizzare;
• Compatto e adattabile;
• Sorgente aperta;
• Potente e semplice;
• Diversi modelli diversi;
• Ritaglio automatico delle immagini.

Demo | Scarica

Semplice slider jQuery con documentazione tecnica

L'idea è stata ispirata dagli slider di Apple, in cui diversi piccoli elementi possono volare via con vari effetti di animazione. Gli sviluppatori hanno cercato di implementare questo concetto, tenendo conto dei requisiti minimi per la creazione di un design semplice per un negozio online, in cui gli elementi "che volano via" rappresentano diverse categorie:

• Layout reattivo;
• Design minimalista;
• Vari effetti di caduta e cambio diapositiva.

Demo | Scarica

Dispositivo di scorrimento dell'immagine jQuery a grandezza naturale

Uno slider molto semplice che occupa il 100% della larghezza della pagina e si adatta alle dimensioni degli schermi dei dispositivi mobili. Funziona con le transizioni CSS e le immagini sono "impilate" con ancore. L'ancora può essere sostituita o rimossa se non si desidera collegare un collegamento all'immagine.

Una volta installato, il dispositivo di scorrimento si espande al 100% della larghezza dello schermo. Inoltre può ridurre automaticamente le dimensioni delle immagini delle diapositive:

• Cursore jQuery reattivo;
• Dimensione piena;
• Design minimalista.

Demo | Scarica

Slider Contenuto Elastico + tutorial

Elastic Content Slider regola automaticamente la larghezza e l'altezza in base alle dimensioni dell'elemento padre. Questo è un semplice slider jQuery. Consiste in un'area di scorrimento in alto e una barra delle schede di navigazione in basso. Il dispositivo di scorrimento regola la larghezza e l'altezza per adattarla al contenitore padre.

Se visualizzate su schermi diagonalmente piccoli, le schede di navigazione si trasformano in piccole icone:

• Design adattivo;
• Scorrimento con un clic del mouse.

Demo | Scarica

Slider Stack 3D gratuito

Un dispositivo di scorrimento sperimentale che sfoglia le immagini in 3D. Due pile assomigliano a pile di carta, dalle quali, durante lo scorrimento, le immagini vengono visualizzate al centro del dispositivo di scorrimento:

• Design adattivo;
• Flip-transizione;
• Effetti 3D.

Demo | Scarica

Slit Slider a schermo intero basato su JQuery e CSS3 + tutorial

Questo tutorial ti mostrerà come creare uno slider con una svolta: l'idea è di tagliare e visualizzare la diapositiva corrente mentre apri l'immagine successiva o precedente. Utilizzando jQuery e l'animazione CSS, possiamo creare effetti di transizione unici:

• Design adattivo;
• Transizione divisa;
• Dispositivo di scorrimento a schermo intero.

Demo | Scarica

Unislider è uno slider jQuery molto piccolo

Niente campane e fischietti inutili e markup, la dimensione è inferiore a 3 KB. Usa qualsiasi HTML per le tue diapositive, estendilo con CSS. Tutto ciò che riguarda Unslider è ospitato su GitHub:

• Supporto per vari browser;
• Supporto per tastiera;
• Regolazione altezza;
• Design adattivo;
• Supporto input tocco.

Dimostrazione | Scarica

Diapositive reattive minime

Plugin semplice e compatto ( la dimensione è solo 1 Kb), che crea uno slider reattivo utilizzando elementi all'interno di un contenitore. ResponsiveSLides.js funziona con un'ampia varietà di browser, incluse tutte le versioni di IE da IE6 in su:

• Completamente reattivo
• Dimensione 1KB;
• Transizioni CSS3 con la possibilità di essere eseguite tramite JavaScript;
• Markup semplice utilizzando un elenco puntato
• Possibilità di personalizzare gli effetti di transizione e la durata della visualizzazione di una diapositiva;
• Supporta la possibilità di creare più presentazioni;
• Scorrimento automatico e manuale.

Demo | Scarica

Fotocamera: slider jQuery gratuito

Camera è un plugin con molti effetti di transizione, layout reattivo. Facile da configurare, supportato da dispositivi mobili:

• Design completamente reattivo
• firme;
• La possibilità di aggiungere video;
• 33 icone di colore diverso.

Demo | Scarica

SlidesJS, un plugin jQuery reattivo

SlidesJS è un plug-in jQuery reattivo (1.7.1 e versioni successive) con supporto per transizioni touch e CSS3. Sperimentalo, prova alcuni esempi già pronti per aiutarti a capire come aggiungere SlidesJS al tuo progetto:

• Design adattivo;
• transizioni CSS3;
• Supporto per dispositivi touch;
• Facile da configurare.

Dimostrazione | Scarica

BX JQuery Slider

Questo è uno slider jQuery reattivo gratuito:

• Completamente reattivo: si adatta a qualsiasi dispositivo;
• Cambio orizzontale e verticale delle diapositive;
• Le diapositive possono contenere immagini, video o contenuto HTML;
• Supporto esteso per dispositivi touch;
• Utilizzo delle transizioni CSS per le animazioni delle diapositive ( accelerazione hardware);
• API di callback e metodi completamente pubblici;
• File di piccole dimensioni;
• Facile da implementare.

Demo | Scarica

FlexSlider 2

Miglior slider reattivo. La nuova versione è stata migliorata per aumentare la velocità di lavoro, la compattezza.

Dimostrazione | Scarica

Galleria - Galleria fotografica reattiva basata su JavaScript

Galleria è utilizzata da milioni di siti per creare gallerie di immagini di alta qualità. Il numero di recensioni positive sul suo lavoro è appena passato:

• Completamente gratis;
• Visualizzazione a schermo intero;
• 100% reattivo;
• Nessuna esperienza di programmazione richiesta;
• Supporto per iPhone, iPad e altri dispositivi touch;
• Flickr, Vimeo, YouTube e altro;
• Diversi argomenti.

Dimostrazione | Scarica

Blueberry è un semplice slider di immagini jQuery reattivo

Presentazione di uno slider di immagini jQuery scritto appositamente per il web design reattivo. Blueberry è un plug-in sperimentale di scorrimento delle immagini open source che è stato scritto specificamente per funzionare con modelli reattivi.

Le gallerie di immagini e gli slider sono alcuni dei formati jQuery più popolari. Grazie a loro, puoi aggiungere la quantità necessaria di contenuti visivi al sito, risparmiando spazio prezioso.

Gallerie e slider rendono la pagina meno occupata, ma consentono comunque di aggiungere tutte le immagini necessarie per trasmettere il messaggio. Saranno particolarmente utili per i negozi online.

Nell'articolo di oggi, abbiamo raccolto per te le migliori gallerie di immagini e slider jQuery.

Per installarli è sufficiente aggiungere i plugin selezionati nella sezione head della pagina HTML insieme alla libreria jQuery e configurarli secondo la documentazione (solo un paio di righe di codice).

Scegli quale di questi elementi si adatterà perfettamente al tuo progetto.

1. Dispositivo di scorrimento Bootstrap

Bootstrap Slider è uno slider di immagini gratuito ottimizzato per dispositivi mobili con scorrimento touch e swipe. Sarà fantastico su qualsiasi schermo e in qualsiasi browser. Puoi caricare immagini, video, testo, miniature e pulsanti negli slider.

2. Dispositivo di scorrimento dell'anteprima del prodotto

Il Product Preview Slider incarna tutto il potenziale di jQuery e si integra perfettamente in qualsiasi interfaccia. Sarai anche soddisfatto della qualità e della pulizia del codice di questo plugin.

3. Galleria di immagini espandibile

Expandable Image Gallery è un fantastico plugin che si trasforma in una galleria a schermo intero con un solo clic. Può essere utilizzato per la sezione Chi siamo o per visualizzare le informazioni sul prodotto.

4. Fotorama

Fotorama è un plug-in di galleria reattivo jQuery che funziona sia per browser desktop che mobili. Offre molte opzioni di navigazione: miniature, scorrimento, pulsanti avanti e indietro, presentazioni automatiche e marcatori.

5. Slider immersivo

Immersive Slider ti consente di creare un'esperienza di presentazione unica simile allo slider di Google TV. È possibile modificare l'immagine di sfondo da sfocare per mantenere la messa a fuoco nella foto principale.

6. Leastjs

Leastjs è un plug-in jQuery reattivo per aiutarti a creare una galleria fantastica. Quando si passa il mouse sull'immagine, viene visualizzato il testo, quando viene premuto, la finestra si espande a schermo intero.

7. Modello di pannelli scorrevoli

Questo plugin è perfetto per un portfolio. Creerà blocchi di immagini, disposte orizzontalmente (verticalmente su piccoli schermi), a cui sarà ancorato il contenuto selezionato.

8. Modello di portfolio Squeezebox

Squeezebox Portfolio Template offre effetti di movimento per i portfolio. Quando passi con il mouse sull'immagine principale (o blocco), vengono visualizzati gli elementi ancorati.

9. Mescola le immagini

Shuffle Images è un fantastico plug-in reattivo che ti consente di creare una galleria con immagini che cambiano al passaggio del mouse.

10. Plugin jQuery Lightbox gratuito

Il plug-in gratuito jQuery Lightbox ti aiuta a mostrare una o più immagini su una pagina. Possono anche essere ingranditi e riportati alla loro dimensione originale.

11. PgwSlider - Slider reattivo per jQuery

PgwSlider è uno slider di immagini minimalista. Il codice jQuery è leggero, quindi la velocità di caricamento di questo plugin ti sorprenderà piacevolmente.

12. Galleria di Polaroid sparse

Scattered Polaroids Gallery è uno straordinario slider dal design piatto. I suoi elementi si muovono in modo irregolare quando si cambiano le immagini, il che sembra incredibile.

13. Filtro contenuti rimbalzanti

Bouncy Content Filter è la soluzione perfetta per e portfolio. Questo plugin consente agli utenti di passare rapidamente da una categoria all'altra.

14. Semplice dispositivo di scorrimento jQuery

Simple jQuery Slider è all'altezza del suo nome. Questo plugin combina elementi JavaScript, HTML5 e CSS3. Nella demo, per impostazione predefinita, è disponibile solo il caricamento del testo, ma se apporti alcune modifiche, puoi anche aggiungere contenuto visivo.

15. Glide JS

Glide JS è uno slider jQuery semplice, veloce e reattivo. È facile da configurare e non occupa molto spazio.

16. Trascinamento a schermo intero con parallasse

Questo fantastico slider jQuery con la possibilità di caricare immagini e testo funzionerà per qualsiasi sito web. Delizierà gli utenti con un leggero effetto di parallasse e un aspetto del testo lento.

Il tempo non si ferma e con esso progredisce. Ciò ha influito anche sulla vastità di Internet. Puoi già vedere come sta cambiando l'aspetto dei siti, il design reattivo è particolarmente popolare. E a questo proposito ne sono apparse parecchie nuove. cursori jquery reattivi, gallerie, caroselli o plugin simili.
1. Dispositivo di scorrimento dei post orizzontali reattivi

Carosello orizzontale adattivo con istruzioni di installazione dettagliate. È realizzato in uno stile semplice, ma puoi modellarlo come preferisci.

2. Dispositivo di scorrimento su Glide.js

Questo dispositivo di scorrimento è adatto a qualsiasi sito. Utilizza Glide.js open source. I colori del cursore possono essere facilmente modificati.

3. Presentazione di contenuti inclinati

Dispositivo di scorrimento del contenuto reattivo. Il clou di questo dispositivo di scorrimento è l'effetto 3D delle immagini, nonché diverse animazioni dell'aspetto in ordine casuale.

4. Dispositivo di scorrimento che utilizza tela HTML5

Slider molto bello e impressionante con particelle interattive. Viene eseguito utilizzando tela HTML5,

5. Dispositivo di scorrimento "Morphing immagini"

Slider con effetto morphing (trasformazione graduale da un oggetto all'altro). In questo esempio, lo slider funziona bene per il portfolio di uno sviluppatore web o per uno studio web come portfolio.

6. Cursore circolare

Un cursore a forma di cerchio con effetto flip.

7. Dispositivo di scorrimento dello sfondo sfocato

Cursore adattivo con interruttore e sfocatura dello sfondo.

8. Dispositivo di scorrimento della moda adattivo

Slider per siti web semplice, leggero e reattivo.

9. Slicebox - dispositivo di scorrimento dell'immagine jQuery 3D(AGGIORNATO)

Versione aggiornata dello slider Slicebox con correzioni e nuove funzionalità.

10. Griglia di immagini reattive animate gratuite

Un plug-in jQuery per la creazione di una griglia di immagini flessibile che cambierà gli scatti utilizzando diverse animazioni e tempi. Questo può funzionare bene come sfondo o elemento decorativo sul sito, poiché possiamo personalizzare l'aspetto di nuove immagini e le loro transizioni. Il plugin è realizzato in diverse versioni.

11. Cursore flessibile

Plugin universale gratuito per il tuo sito web. Questo plugin è dotato di diverse opzioni di scorrimento e carosello.

12. Cornice per foto

Fotoramaè un plugin versatile. Ha molte impostazioni, tutto funziona in modo rapido e semplice, c'è la possibilità di visualizzare le diapositive a schermo intero. Lo slider può essere utilizzato sia a dimensione fissa che responsive, con o senza miniature, con o senza scorrimento circolare, e molto altro.

P.S.Ho messo lo slider più volte e penso che sia uno dei migliori

13. Slider galleria 3D gratuito e reattivo con miniature.

Slider galleria sperimentale 3DPanelLayout con mesh e interessanti effetti di animazione.

14. Dispositivo di scorrimento su CSS3

Lo slider reattivo è realizzato in css3 con un flusso di contenuti fluido e un'animazione leggera.

15. Cursore WOW

Wow cursoreè uno slider di immagini con effetti visivi sorprendenti.

17. Elastico

Slider elastico completamente reattivo con miniature di diapositive.

18. Fessura

È uno slider reattivo a schermo intero che utilizza l'animazione CSS3. Il cursore è realizzato in due versioni. l'animazione è piuttosto insolita e bella.

19.Galleria fotografica adattiva plus

Una semplice galleria di scorrimento gratuita con immagini caricate.

20. Slider reattivo per WordPress

Slider reattivo gratuito per WP.

21. Slider contenuto parallasse

Slider con effetto di parallasse e controllo di ogni elemento con CSS3.

22. Dispositivo di scorrimento con collegamento di musica

Slider utilizzando JPlayer open source. Questo dispositivo di scorrimento assomiglia a una presentazione con musica.

23. Dispositivo di scorrimento con jmpress.js

Il cursore reattivo si basa su jmpress.js e quindi ti consente di utilizzare alcuni fantastici effetti 3D sulle tue diapositive.

24. Presentazione rapida al passaggio del mouse

Presentazione con cambio rapido delle diapositive. Le diapositive si attivano al passaggio del mouse.

25. Fisarmonica di immagini con CSS3

Fisarmonica di immagini tramite css3.

26. Un plug-in per la galleria ottimizzato per il tocco

È una galleria reattiva ottimizzata per i dispositivi touch.

27.3D Galleria

Galleria di pareti 3D- creato per il browser Safari, dove sarà visibile l'effetto 3D. Vista in un browser diverso, la funzionalità andrà bene ma l'effetto 3D non sarà visibile.

28. Cursore di impaginazione

Dispositivo di scorrimento dell'impaginazione reattivo con dispositivo di scorrimento dell'interfaccia utente jQuery. l'idea è di utilizzare un semplice concetto di navigazione. È possibile riavvolgere tutte le immagini o passare da una diapositiva all'altra.

29. Montaggio di immagini con jQuery

Posizionamento automatico delle immagini in base alla larghezza dello schermo. Una cosa molto utile quando si sviluppa un sito portfolio.

Galleria 30.3D

Semplice slider circolare 3D in css3 e jQuery.

31. Modalità a schermo intero con effetto 3D su css3 e jQuery

Dispositivo di scorrimento a schermo intero con una bella transizione.