1. Eccellente presentazione di jQuery

Grande presentazione spettacolare utilizzando la tecnologia jQuery.

2. Plugin jQuery "Scale Carousel"

Presentazione ingrandibile utilizzando jQuery. Puoi impostare le dimensioni per la presentazione più adatta a te.

3. Plugin jQuery "slideJS"

Slider immagine con descrizione testuale.

4. Plugin "JSliderNews"

5. Dispositivo di scorrimento jQuery CSS3

Quando passi con il mouse sulle frecce di navigazione, viene visualizzata una miniatura rotonda della diapositiva successiva.

6. Piuttosto jQuery Slider "Ciclo di presentazione".

Dispositivo di scorrimento jQuery con indicatore di caricamento dell'immagine. È previsto il cambio diapositiva automatico.

7. Plugin jQuery Parallax Slider

Dispositivo di scorrimento con effetto di sfondo 3D. Il clou di questo cursore è il movimento dello sfondo, che consiste in diversi livelli, ognuno dei quali scorre a una velocità diversa. Il risultato è un'imitazione di un effetto volumetrico. Sembra molto bello, puoi vederlo di persona. L'effetto viene visualizzato in modo più fluido in browser come: Opera, Google Chrome, IE.

8. Dispositivo di scorrimento jQuery fresco e leggero "bxSlider 3.0"

Nella pagina demo, nella sezione "esempi", puoi trovare i link a tutti i possibili utilizzi di questo plugin.

9. Plugin jQuery Image Slider "slideJS"

L'elegante slider jQuery sarà sicuramente in grado di decorare il tuo progetto.

10. Plugin di presentazione jQuery "Easy Slides" v1.1

Un plugin per slideshow jQuery facile da usare.

11. Plugin "Diapositive jQuery"

Plugin jQuery leggero in vari design. È previsto il cambio diapositiva automatico.

12. Galleria CSS jQuery con transizione automatica delle diapositive

Se il visitatore non clicca sulle frecce avanti o indietro entro un certo tempo, la galleria inizierà a scorrere automaticamente.

13. jQuery Nivo Slider

Plugin leggero di qualità molto professionale con codice valido. Ci sono molti diversi effetti di transizione della diapositiva.

14. Dispositivo di scorrimento mobile jQuery

Fresco cursore. Dispositivo di scorrimento jQuery con diversi effetti di transizione dell'immagine.

15. Plugin jQuery Slider²

Slider leggero con cambio diapositiva automatico.

16. Dispositivo di scorrimento javascript fresco

Slider con cambio immagine automatico.

Plugin per l'implementazione di presentazioni con cambio diapositive automatico. È possibile controllare la visualizzazione utilizzando le miniature delle immagini.

jQuery cursore immagine CSS utilizzando il plug-in NivoSlider.

19. Dispositivo di scorrimento jQuery "jShowOff".

Plugin per la rotazione dei contenuti. Tre casi d'uso: nessuna navigazione (con cambio automatico del formato della presentazione), navigazione tramite pulsanti, navigazione in miniatura dell'immagine.

20. Plugin Portfolio Effetto Otturatore

Plugin jQuery fresco per la progettazione del portfolio del fotografo. La galleria ha un effetto interessante di cambiare le immagini. Le foto si susseguono con un effetto simile al funzionamento di un otturatore dell'obiettivo.

21. Slider CSS javascript leggero "TinySlider 2"

Implementazione del dispositivo di scorrimento delle immagini tramite javascript e CSS.

22. Fantastico dispositivo di scorrimento "Tinycircleslider"

Elegante cursore rotondo. La transizione tra le immagini avviene trascinando il cursore a forma di cerchio rosso attorno alla circonferenza. Si adatterà perfettamente al tuo sito se utilizzi elementi rotondi nel tuo design.

23. Dispositivo di scorrimento dell'immagine jQuery

Kit di scorrimento leggero. Lo slider è presentato in diverse versioni: verticale e orizzontale. Sono inoltre implementati vari tipi di navigazione tra le immagini: utilizzando i pulsanti "Avanti" e "Indietro", utilizzando la rotellina del mouse, utilizzando il clic del mouse sulla diapositiva.

24. Galleria di miniature del kit di scorrimento

Galleria dei kit di scorrimento. Le miniature vengono fatte scorrere sia verticalmente che orizzontalmente. Il passaggio tra le immagini avviene tramite: rotellina del mouse, clic del mouse o passando sopra una miniatura.

25. Dispositivo di scorrimento del contenuto jQuery "Kit di scorrimento"

jQuery dispositivo di scorrimento del contenuto verticale e orizzontale.

26. Presentazione del kit di scorrimento jQuery

Presentazione con cambio diapositiva automatico.

27. Slider CSS3 JavaScript professionale leggero

Slider pulito jQuery e CSS3 creato nel 2011.

jQuery presentazione in miniatura.

29. Semplice presentazione jQuery

Presentazione con pulsanti di navigazione.

30. Fantastica presentazione di jQuery Skitter

Plugin jQuery "Skitter" per creare incredibili presentazioni. Il plugin supporta 22 (!) tipi di diversi effetti di animazione quando si cambiano le immagini. Può funzionare con due opzioni di navigazione delle diapositive: utilizzando i numeri delle diapositive e utilizzando le miniature. Assicurati di dare un'occhiata alla demo, una scoperta di altissima qualità. Tecnologie utilizzate: CSS, HTML, jQuery, PHP.

31. Presentazione imbarazzante

Presentazione funzionale. Le diapositive possono essere: immagini semplici, immagini con didascalie, immagini con suggerimenti, clip video. Puoi utilizzare le frecce, i collegamenti ai numeri delle diapositive e i tasti destra/sinistra sulla tastiera per navigare. La presentazione è realizzata in diverse versioni: con miniature e senza di esse. Per visualizzare tutte le opzioni, segui i link Demo #1 - Demo #6 che si trovano nella parte superiore della pagina demo.

Un design molto originale dello slider dell'immagine, che ricorda un fan. Transizione animata della diapositiva. La navigazione tra le immagini avviene tramite le frecce. C'è anche un cambio automatico che può essere attivato e disattivato tramite il pulsante Play/Pausa che si trova in alto.

Slider animato jQuery. Le immagini di sfondo vengono ridimensionate automaticamente quando la finestra del browser viene ridimensionata. Per ogni immagine viene visualizzato un blocco con una descrizione.

34. Dispositivo di scorrimento "Flux Slider" su jQuery e CSS3

Nuovo cursore jQuery. Diversi fantastici effetti animati quando si cambiano le diapositive.

35. Plugin jQuery "jSwitch"

Galleria jQuery animata.

Facile presentazione jQuery con cambio diapositiva automatico.

37. Nuova versione del plugin "SlideDeck 1.2.2"

Dispositivo di scorrimento dei contenuti professionale. Sono disponibili opzioni con cambio diapositiva automatico, nonché un'opzione che utilizza la rotellina del mouse per spostarsi tra le diapositive.

38. Dispositivo di scorrimento sudo jQuery

Dispositivo di scorrimento dell'immagine jQuery leggero. Ci sono molte opzioni per l'implementazione: modifica orizzontale e verticale delle immagini, con collegamenti al numero della diapositiva e senza di esse, con e senza didascalie dell'immagine, vari effetti di modifica dell'immagine. C'è una funzione di cambio diapositiva automatica. I collegamenti a tutti gli esempi di implementazione sono disponibili nella pagina demo.

39. Presentazione jQuery CSS3

La presentazione con miniature supporta la modalità di transizione automatica delle diapositive.

40. Dispositivo di scorrimento del flusso jQuery

Dispositivo di scorrimento con molti effetti di modifica dell'immagine.

41. Semplice cursore jQuery

Elegante cursore di immagine jQuery.

Il tempo non si ferma e con esso il progresso. Ciò ha interessato anche Internet. Puoi già notare come sta cambiando l'aspetto dei siti e il design adattivo è particolarmente popolare. Per questo adattivo cursori del sito web divenne molto popolare e rilevante. Ci sono state alcune novità slider jquery reattivi, gallerie e caroselli.

Se vuoi installare universal cursore o giostra puoi andare al tuo sito da

Slider per il sito

1. Dispositivo di scorrimento dei post orizzontali reattivo

Giostra orizzontale reattiva con istruzioni di installazione dettagliate. È realizzato in uno stile semplice, ma puoi modellarlo da solo.

2. Dispositivo di scorrimento su Glide.js

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

Slider reattivi per un sito Web con contenuti. Il clou di questo dispositivo di scorrimento è l'effetto 3D delle immagini, oltre a varie animazioni di aspetto casuale.

4. Dispositivo di scorrimento che utilizza la tela HTML5

Slider molto bello e impressionante con particelle interattive. Realizzato con tela HTML5

5. Dispositivo di scorrimento per la trasformazione dell'immagine

Cursore effetto morph. In questo esempio, lo slider è adatto per il portfolio di uno sviluppatore web o di uno studio web sotto forma di portfolio.

6. Dispositivo di scorrimento circolare

Dispositivo di scorrimento a forma di cerchio con l'effetto di capovolgere l'immagine.

7. Dispositivo di scorrimento dello sfondo sfocato

Dispositivo di scorrimento reattivo con commutazione e sfocatura dello sfondo.

8. Cursore di moda reattivo

Dispositivo di scorrimento del sito Web semplice, leggero e reattivo.

9. Slicebox - slider per immagini 3D jQuery(AGGIORNATO)

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

Un plug-in jQuery per la creazione di una griglia di immagini flessibile che cambierà gli scatti utilizzando animazioni e tempi diversi.

Slider per il sito la seconda parte.

11.Slitta flessibile

Plugin gratuito universale per il tuo sito web. Questo plugin è disponibile in più opzioni di scorrimento e carosello.

12. Cornice per foto

Fotoramaè un plugin universale. Ha molte impostazioni. Tutto funziona in modo semplice e veloce, c'è anche la possibilità di visualizzare le diapositive a schermo intero. Lo slider può essere utilizzato sia a dimensione fissa che adattivo, con e senza miniature, con e senza scorrimento circolare e molto altro. Sulla base della cornice della foto, puoi creare interessanti cursori adattivi per il sito.

PSHo messo più volte lo slider e penso che sia uno dei migliori

13. Slider della galleria delle miniature 3D gratuito e reattivo.

Galleria di slider sperimentali 3DPanelLayout con griglia e interessanti effetti di animazione.

14. Dispositivo di scorrimento su css3

Dispositivo di scorrimento reattivo realizzato utilizzando CSS3 con aspetto uniforme del contenuto e animazione leggera.

è uno slider di immagini con immagini e animazioni sorprendenti.

17. Elastico

Dispositivo di scorrimento elastico con reattività completa e miniature delle diapositive.

18. Fessura

Questo è un dispositivo di scorrimento reattivo a schermo intero che utilizza l'animazione CSS3. Lo slider è stato realizzato in due versioni e l'animazione è stata eseguita in modo abbastanza insolito.

19. Galleria fotografica reattiva plus

Semplice galleria di scorrimento gratuita con caricamento di immagini.

20. Dispositivo di scorrimento reattivo per WordPress

Slider reattivo e gratuito per WP.

21. Dispositivo di scorrimento del contenuto di parallasse

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

22. Slider con rilegatura musicale

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

Slider per il sito la terza parte.

23. Dispositivo di scorrimento con jmpress.js

Dispositivo di scorrimento reattivo basato su jmpress.js e consentirà quindi di applicare alle diapositive alcuni interessanti effetti 3D.

24. Presentazione rapida al passaggio del mouse

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

Fisarmonica di immagini con css3.

Questa è una galleria reattiva ottimizzata per i dispositivi touch.

29.Montaggio di immagini con jQuery

Disposizione automatica delle immagini in base alla larghezza dello schermo. Una cosa molto utile e interessante quando si sviluppa un sito portfolio.

33. Mappa fotografica multilivello.

Questa è una mappa a più livelli: la galleria di immagini ti consente di mostrare immagini relative alla loro posizione. Basato su google maps. Il lato destro mostra un'immagine in miniatura che può essere visualizzata in una scatola luminosa quando si fa clic su di essa.

34. Galleria di miniature a schermo intero

Galleria di scorrimento reattiva con miniatura e descrizione della diapositiva.

Gli slider per il sito sono costantemente aggiornati e il loro numero cresce ogni giorno. Se hai i tuoi slider preferiti o forse non hai trovato quello che stavi cercando allora scrivi nei commenti e cercherò di aiutarti.

4 novembre 2019 La voce è stata aggiornata

Yuri Nemets

Cursori CSS puri + Cursore bonus

Gli slider CSS hanno alcuni vantaggi rispetto agli slider Javascript. Uno di questi vantaggi è la velocità di download. Non solo le immagini per gli slider vengono utilizzate di grandi dimensioni (se non c'è ottimizzazione per schermi diversi), ci vuole anche del tempo per caricare gli script. Ma nell'articolo vedrai solo cursori CSS puri.

Ecco cosa ho trovato su un sito web sugli slider:

1. Dispositivo di scorrimento dell'immagine CSS3

Uno slider CSS che utilizza i pulsanti di opzione per navigare tra le diapositive. Questi pulsanti di opzione si trovano sotto i cursori. Inoltre, oltre ai pulsanti di opzione, la navigazione viene effettuata utilizzando le frecce a sinistra e a destra. Per tenere traccia di quale immagine visualizzare ora, vengono utilizzate le pseudo-classi :checked.

2. Slider immagine CSS3 con miniature

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

3. Galleria CSS

Ma questo slider CSS è perfetto per vendere pagine. Di norma, durante lo sviluppo di pagine di destinazione (pagine di vendita), molti sviluppatori Web posizionano un dispositivo di scorrimento all'inizio in modo che nella prima schermata (senza scorrere) il visitatore possa immediatamente vedere tutti i vantaggi che questa pagina ha per lui. Soprattutto, questo slider è reattivo, il che è anche bello.

4. Slider CSS senza collegamenti

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 la principale. Il cambio di diapositive avviene in una bellissima modalità: prima, due diapositive vengono allontanate e la diapositiva diventa al centro, che poi diventerà quella principale. La diapositiva viene quindi ingrandita e posizionata davanti alle altre.

5. Dispositivo di scorrimento reattivo CSS3

Un altro dispositivo di scorrimento adattivo basato sui pulsanti di opzione. Per vedere come apparirà questo dispositivo di scorrimento su diversi dispositivi, puoi cambiare 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 lo slider su un computer, tablet o smartphone.

*** CURSORE BONUS ***

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

Produzione

Con l'aiuto degli slider, puoi progettare magnificamente 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 in modo da mostrare immediatamente al visitatore la principale benefici che riceverà. Puoi ancora trovare molti modi in cui e come utilizzare gli slider, ma una cosa è certa: sono utili se usati correttamente.

Articoli trattati nell'articolo.

Se devi aggiungere al tuo sito uno slider di immagini jQuery di alta qualità, in questo articolo troverai una descrizione dei plugin necessari. Anche se jQuery ha reso molto più facile lavorare con JavaScript, abbiamo comunque bisogno di plugin per accelerare il processo di progettazione web.

Possiamo apportare modifiche ad alcuni di questi plugin e creare nuovi slider che sono molto più adatti alle esigenze del nostro sito.

Per altri dispositivi di scorrimento, aggiungi semplicemente titoli, immagini e seleziona gli effetti di transizione delle diapositive forniti con il dispositivo di scorrimento. Tutti questi plugin sono dotati di documentazione dettagliata, quindi è facile aggiungere nuovi effetti o funzionalità. Puoi persino modificare i trigger basati su eventi se sei un programmatore jQuery esperto.

Le tendenze recenti come il design reattivo sono molto importanti per i progetti Web, sia che tu stia implementando un plug-in 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

Dispositivo di scorrimento reattivo Jssor

Di recente mi sono imbattuto in questo dispositivo di scorrimento jQuery funzionale e sono stato in grado di vedere di persona che fa il suo lavoro molto bene. Contiene possibilità illimitate che possono essere estese con il codice open source dello slider:

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

Dimostrazione | Scaricamento

PgwSlider - slider reattivo basato su jQuery / Zepto

L'unico scopo di questo plugin è mostrare diapositive di immagini. È molto compatto, poiché i file jQuery sono solo 2,5 KB, il che lo rende davvero veloce da caricare:

• Layout reattivo;
• ottimizzazione SEO;
• Supporto per diversi browser;
• Semplici transizioni di immagini;
• La dimensione dell'archivio è di soli 2,5 KB.

Dimostrazione | Scaricamento

jQuery Vertical News Slider

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

• Design adattivo;
• Notizie di commutazione di colonna verticale;
• Intestazioni estese.

Dimostrazione | Scaricamento

Dispositivo di scorrimento a sbalzo

Questo slider non contiene jQuery , ma vorrei introdurlo in quanto è molto compatto e consente di ridurre notevolmente il tempo 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 3Kb.

Dimostrazione | Scaricamento

Galleria Polaroid in stile piatto

Con un layout flessibile e un bel design, la galleria nello stile dei documenti sparsi sul tavolo dovrebbe interessare molti di voi. Più adatto per tablet e display di grandi dimensioni:

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

Dimostrazione | Scaricamento

A-Slider

Dimostrazione | Scaricamento

HiSlider - Slider di immagini HTML5, jQuery e WordPress

HiSlider ha introdotto un nuovo plugin di scorrimento jQuery gratuito con il quale puoi creare una varietà di gallerie di immagini con fantastiche transizioni:

• Dispositivo di scorrimento reattivo;
• Non richiede conoscenze di programmazione;
• Diversi modelli e skin fantastici;
• 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;
• Impostazione flessibile;
• Funzionalità aggiuntive utili;
• Quantità illimitata di contenuti visualizzati.

Demo | Scarica

wow cursore

WOW Slider è uno slider di immagini jQuery reattivo con incredibili effetti visivi ( domino, ruota, sfoca, capovolgi e lampeggia, riquadro a comparsa, persiane) e modelli professionali.

WOW Slider viene fornito con una procedura guidata di installazione che ti consente di creare fantastici cursori in pochi secondi senza dover capire il codice e modificare le immagini. Sono inoltre disponibili per il download le versioni del 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 la 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 plug-in Nivo Slider è gratuito e rilasciato con licenza MIT:

• Richiede jQuery 1.7 e versioni successive;
• Bellissimi effetti di transizione;
• Semplice e flessibile da configurare;
• Compatto e adattivo;
• open source;
• Potente e semplice;
• Diversi modelli diversi;
• Ritaglio automatico dell'immagine.

Demo | Scarica

Slider jQuery semplice con documentazione tecnica

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

• Layout reattivo;
• Design minimalista;
• Vari effetti di abbandono e transizione 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 dello schermo dei dispositivi mobili. Funziona con transizioni CSS e immagini "impilate" con ancore. L'ancora può essere sostituita o rimossa se non si desidera collegare l'immagine.

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

• Dispositivo di scorrimento jQuery reattivo
• dimensione piena;
• Design minimalista.

Demo | Scarica

Cursore contenuto elastico + indennità

Il dispositivo di scorrimento del contenuto elastico regola automaticamente la larghezza e l'altezza in base alle dimensioni dell'elemento padre. Questo è un semplice dispositivo di scorrimento jQuery. È costituito da un'area diapositiva in alto e da una barra delle schede di navigazione in basso. Il dispositivo di scorrimento regola la larghezza e l'altezza in base alle dimensioni del contenitore principale.

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

• Design adattivo;
• Scorrimento con clic del mouse.

Demo | Scarica

Dispositivo di scorrimento dello stack 3D gratuito

Uno slider sperimentale che scorre le immagini in 3D. Due pile assomigliano a pile di carta, da cui, durante lo scorrimento, le immagini vengono visualizzate al centro del dispositivo di scorrimento:

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

Demo | Scarica

Slider a fessura a schermo intero basato su jQuery e CSS3 + manuale

Nel tutorial imparerai come creare uno slider con una svolta: l'idea è di "tagliare" e visualizzare la diapositiva corrente in questo modo, nel momento in cui 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 campanelli e fischietti inutili e markup, la dimensione è inferiore a 3 KB. Usa qualsiasi codice HTML per le tue diapositive, estendilo con CSS. Tutto ciò che riguarda Unslider è ospitato su GitHub:

• Supporto per vari browser;
• Supporto tastiera;
• Regolazione altezza;
• Design adattivo;
• Supporto per l'input tattile.

Dimostrazione | Scaricamento

Diapositive reattive minime

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

• Completamente reattivo;
• Dimensione 1 KB;
• Transizioni CSS3 che possono essere attivate 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 adattivo. Facile da configurare, supportato da dispositivi mobili:

• Design completamente reattivo;
• firme;
• Possibilità di aggiungere video;
• 33 diversi colori di icone.

Demo | Scarica

SlidesJS, Plugin jQuery reattivo

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

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

Dimostrazione | Scaricamento

Dispositivo di scorrimento Jquery BX

Questo è uno slider jQuery reattivo gratuito:

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

Demo | Scarica

Cursore flessibile 2

Il miglior dispositivo di scorrimento reattivo. La nuova versione è stata finalizzata in modo da aumentare la velocità di lavoro, la compattezza.

Dimostrazione | Scaricamento

Galleria - Galleria fotografica JavaScript reattiva

Galleria è utilizzata da milioni di siti Web per creare gallerie di immagini di alta qualità. Il numero di recensioni positive sul suo lavoro non fa che aumentare:

• Completamente gratis;
• Modalità di visualizzazione a schermo intero;
• 100% adattivo;
• Nessuna esperienza di programmazione richiesta;
• Supporto per iPhone, iPad e altri dispositivi touch;
• Flickr, Vimeo, YouTube e altro;
• Diversi temi.

Dimostrazione | Scaricamento

Blueberry - Slider di immagini jQuery semplice e reattivo

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