Raccolta di esempi gratuiti di codici di slider HTML e CSS: scheda, confronto, schermo intero, reattivo, semplice, eccetera. Aggiornamento della collezione giugno 2018. 7 nuovi articoli.
Sommario articoli Correlati
A proposito del codice Una serie di schermate di onboarding in HTML/CSS/JS. Un esperimento personale con la sovrapposizione di icone PNG, transizioni CSS3 e flexbox.
Dispositivo di scorrimento della scheda informativa HTML, CSS e JavaScript.
Realizzato da Andy Tran
23 novembre 2015
Dispositivo di scorrimento delle foto che funziona su browser desktop e mobili.
Realizzato da Taron
29 settembre 2014
A proposito del codice Uno slider per il confronto delle immagini semplice e pulito, completamente reattivo e pronto per il tocco, realizzato con CSS e jQuery.
A proposito del codice Uno slider prima e dopo con solo html e css.
Informazioni sul codice Giocare con una nuova idea utilizzando il mio cursore dell'immagine prima/dopo a due livelli. Mantenerlo al minimo. Tenendolo alla vaniglia. Metti mi piace se è utile :) 
Vanilla JS, minimale, bello da vedere.
Realizzato da Huw
3 luglio 2017
A proposito del codice Un elemento di scorrimento "schermo diviso" con JavaScript.
Un piccolo esperimento per uno slider prima e dopo tutto all'interno di un SVG. Il mascheramento lo rende piuttosto semplice. Dato che è tutto SVG, le immagini e le didascalie si adattano perfettamente insieme. I plugin Draggable e ThrowProps di GreenSock sono stati utilizzati per il controllo del cursore.
Realizzato da Craig Roblewsky
17 aprile 2017
Utilizza l'input dell'intervallo personalizzato per il dispositivo di scorrimento.
Realizzato da Dudley Storey
14 ottobre 2016
Dispositivo di scorrimento reattivo per il confronto delle immagini con HTML, CSS e JavaScript.
Realizzato da Ege Görgülü
3 agosto 2016
Cursore di confronto prima e dopo video HTML5, CSS3 e JavaScript.
Realizzato da Dudley Storey
24 aprile 2016
Un pratico cursore trascinabile per confrontare rapidamente 2 immagini, basato su CSS3 e jQuery.
Realizzato da CodyHouse
15 settembre 2014
Dispositivo di scorrimento semplice basato sugli ingressi radio. HTML + CSS puri al 100%. Funziona anche con i tasti freccia.
Reattivo: sì
Dipendenze: -
A proposito del codice Simpatico effetto di transizione per il dispositivo di scorrimento a schermo intero.
A proposito del codice Cursore scorrevole con parallasse orizzontale con Swiper.js.
A proposito del codice Dispositivo di scorrimento della prospettiva 3D fluido e reattivo al movimento del mouse.
Dispositivo di scorrimento dell'immagine dell'eroe a schermo intero (tema dei pannelli di scorrimento) con HTML, CSS e JavaScript.
Realizzato da Tobias Bogliolo
25 giugno 2017
Un'interazione con il dispositivo di scorrimento che utilizza gli effetti Velocity ed Velocity (UI Pack) per migliorare l'animazione. L'animazione viene attivata tramite i tasti freccia, il clic di navigazione o il jack di scorrimento. Questa versione include i bordi come parte dell'interazione.
Realizzato da Stephen Scaff
11 maggio 2017
Dispositivo di scorrimento semplice in uno stile minimale per mostrare le immagini. Parte dell'immagine viene visualizzata su ciascuna diapositiva.
Realizzato da Nathan Taylor
22 gennaio 2017
La cosa è abbastanza facile da personalizzare. Puoi modificare in sicurezza il carattere, la dimensione del carattere, il colore del carattere, la velocità dell'animazione. La prima lettera di una nuova stringa nell'array in JS apparirà su una nuova diapositiva. Facile creare (o eliminare) una nuova diapositiva: 1. Aggiungi una nuova città nell'array in JS. 2. Modifica il numero di variabili delle diapositive e inserisci una nuova immagine nell'elenco scss in CSS.
Realizzato da Ruslan Pivovarov
8 ottobre 2016
7 ottobre 2016
Questo slider inclinato con scorrimento basato su JS e CSS puri (senza librerie).
Realizzato da Victor Belozyorov
3 settembre 2016
Un'animazione slider con design Pokemon.
Realizzato da Pham Mikun
18 agosto 2016
Slider HTML, CSS e JavaScritp con animazione complessa e testo angolato semicollorato.
Realizzato da Ruslan Pivovarov
13 luglio 2016
Effetto parallasse slider con HTML, CSS e JavaScript.
Realizzato da Manuel Madeira
28 giugno 2016
Slider HTML, CSS e JavaScript con effetto a catena.
Realizzato da Pedro Castro
21 maggio 2016
Cursore rivelatore Clip-Path con HTML, CSS e JavaScript.
Realizzato da Nikolay Talanov
16 maggio 2016
GSAP + Dispositivo di scorrimento Slick con anteprima delle diapositive precedenti/successive.
Realizzato da Karlo Videk
27 aprile 2016
Dispositivo di scorrimento della pagina intera HTML, CSS e JavaScript.
Realizzato da Giuseppe Martucci
28 febbraio 2016
Prototipo di slider completo con HTML, CSS e JavaScript.
Realizzato da Gluber Sampaio
6 gennaio 2016
Una presentazione a schermo intero, una sorta di reattività, animata con Greensocks TweenLite/Tweenmax.
Realizzato da Arden
12 dicembre 2015
5 dicembre 2015
Dispositivo di scorrimento a schermo intero (sequenza temporale GSAP) n. 1 con HTML, CSS e JavaScript.
Realizzato da Diaco M.Lotfollahi
23 novembre 2015
Slider HTML e CSS con effetti personalizzati.
Realizzato da Nikolay Talanov
12 novembre 2015
Drag-slider a schermo intero con parallasse con HTML, CSS e JavaScript.
Realizzato da Nikolay Talanov
12 novembre 2015
Cursore rotante di prova del concetto. Utilizza clip-path e molta matematica.
Realizzato da Tyler Johnson
16 aprile 2015
Un semplice slider CSS e jQuery a schermo intero che utilizza TranslateX e la fluidità di Translate3D!
Realizzato da Giuseppe
19 agosto 2014
Dispositivo di scorrimento dell'opacità delle immagini in HTML e CSS.
Browser compatibili: Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: -
Informazioni sul codice Layout di diapositive flessibili impilateQuesto esempio illustra come creare un layout di diapositive impilate l'una sull'altra (particolarmente utile per le transizioni con dissolvenza in entrata/uscita). Si ottiene senza impostarne l'altezza ed evitando la posizione: assoluta; quindi sono completamente flessibili e facili da mantenere nel normale flusso della pagina.
Browser compatibili: Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: -
Informazioni sul codice Responsive SliderSlider reattivo animato in HTML, CSS e JavaScript.
Browser compatibili: Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: animate.css
Informazioni sul codice Slider con testo mascheratoDispositivo di scorrimento solo CSS con testo mascherato.
Browser compatibili: Chrome, Edge (parziale), Firefox, Opera, Safari
Reattivo: sì
Dipendenze: -
A proposito del codice Immagine e contenuto con effetto di parallasse.
A proposito del codiceGalleria di diapositive solo CSS.
Browser compatibili: Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: -
Informazioni sul codice Pure HTML/CSS SliderDispositivo di scorrimento HTML/CSS puro con barra di avanzamento SVG circolare.
Browser compatibili: Chrome, Edge (parziale), Firefox (parziale), Opera, Safari
Reattivo: sì
Dipendenze: font-awesome.css
A proposito del codice Un esperimento per creare uno slider verticale completamente reattivo con miniature utilizzando solo CSS e mantenendo le proporzioni delle immagini.
A proposito del codice Un semplice cursore/carosello di immagini Flexbox realizzato con JavaScript vanilla.
A proposito del codice Questo è un esperimento che simula un effetto di motion blur ogni volta che si cambia diapositiva. Sfrutta il filtro Sfocatura gaussiana SVG e alcune animazioni di fotogrammi chiave CSS. Sebbene l'effetto non richieda Javascript per funzionare correttamente, in questo esempio Javascript viene utilizzato solo per la funzionalità del dispositivo di scorrimento.
A proposito del codice Fantastico cursore animato con JS.
A proposito del codice Questo è un esperimento su come i pattern SVG possono aiutarci a creare immagini simili a maschere per uno slider di immagini solo CSS.
Esplorando alcune transizioni del dispositivo di scorrimento. Dispositivo di scorrimento dello scorrimento con opzione parallasse abilitata. Giocando con i filtri CSS principalmente qui.
Realizzato da Mirko Zorić
12 giugno 2017
Semplice dispositivo di scorrimento GSAP con alcune sottili animazioni di interpolazione.
Realizzato da Goran Vrban
9 giugno 2017
Interfaccia utente a scorrimento con HTML, CSS e JavaScript.
Realizzato da Mergim Ujkani
6 giugno 2017
Dispositivo di scorrimento GSAP versione 2.
Realizzato da Em An
4 maggio 2017
Un piccolo dispositivo di scorrimento della transizione che utilizza un semplice accordo di aggiunta classe. È necessario appianare un po' i tempi e decidere l'approccio migliore per i dispositivi mobili (basta impilare, aggiungere eventi touch, rendere le immagini completamente visibili, ecc. Supporta la rotella di scorrimento (scroll jacking), i pulsanti di navigazione e i tasti freccia. Può anche aumentare il wrapper del contenuto per fare in modo che le immagini riempiano la finestra nel loro stato non animato, il che è altrettanto interessante.
Realizzato da Stephen Scaff
3 gennaio 2017
Sfrutta l'immagine del bordo CSS e il percorso della clip per creare un effetto di animazione del cursore.
Realizzato da Emily Hayman
31 dicembre 2016
Piccolo slider costruito con flexbox. Abbastanza reattivo e può avere elementi fissi accanto all'area del dispositivo di scorrimento.
Realizzato da Roberto
28 novembre 2016
Dispositivo di scorrimento tela HTML e CSS.
Realizzato da Nvagelis
29 ottobre 2016
Dispositivo di scorrimento fluido 3D HTML, CSS e JavaScript.
Realizzato da Eduardo Allegrini
19 ottobre 2016
Slider cupcake HTML e CSS con confettini!
Realizzato da Jamie Coulter
14 ottobre 2016
Realizzato da Mario's Maselli
12 ottobre 2016
Esplorazione dell'animazione dell'interfaccia utente n. 2 con HTML, CSS e JavaScript.
Realizzato da Mario's Maselli
22 settembre 2016
Esplorazione dell'animazione dell'interfaccia utente n. 3 con HTML, CSS e JavaScript.
Realizzato da Mario's Maselli
22 settembre 2016
Slider e-commerce v2.0 con HTML, CSS e JavaScript.
Realizzato da Pedro Castro
17 settembre 2016
Cursore pulito HTML, CSS e JavaScript con sfondo curvo.
Realizzato da Ruslan Pivovarov
13 settembre 2016
Esplorazione dell'animazione dell'interfaccia utente n. 1 con HTML, CSS e JavaScript.
Realizzato da Mario's Maselli
8 settembre 2016
Goditi la potenza dei CSS: su e giù per ogni immagine centrale e cursore impaginato con lightbox.
Realizzato da Kseso
15 agosto 2016
La doppia esposizione è una tecnica fotografica che unisce 2 immagini diverse in un'unica immagine.
Realizzato da Misaki Nakano
3 agosto 2016
Dispositivo di scorrimento che utilizza la clip delle proprietà CSS3.
Realizzato da Pedro Castro
1 maggio 2016
Dispositivo di scorrimento CSS reattivo.
Realizzato da geekwen
19 aprile 2016
Questo è un semplice esperimento con un cursore che mostra parole con significati meravigliosi che non possono essere tradotti direttamente. Focus: tipografia elegante e transizioni semplici ma seducenti.
Realizzato da Joe Harry
5 aprile 2016
L'idea dell'animazione è modificare il valore del percorso del clip CSS, creando così un effetto di mascheramento.
Realizzato da Bhakti Al Akbar
31 marzo 2016
Dispositivo di scorrimento punto con HTML, CSS e JavaScript.
Realizzato da Derek Nguyen
16 marzo 2016
Slider effetto prisma con HTML, CSS e JavaScript.
Fatto da Vittorio
12 marzo 2016
Galleria di sfondi scorrevole con HTML, CSS e JavaScript.
Realizzato da Ron Gierlach
30 novembre 2015
Soluzione slider HTML, CSS e JavaScript.
Realizzato da Jürgen Genser
30 settembre 2015
Uno slider del prodotto basato su Sequence.js. Sequence.js: il framework di animazione CSS reattivo per la creazione di slider, presentazioni, banner e altre applicazioni basate su passaggi unici.
Realizzato da Ian Lunn
15 settembre 2015
Cursore personalizzato a forma di piccolo cerchio.
Realizzato da Bram de Haan
11 agosto 2015
Slider GTA V reattivo con HTML, CSS e JavaScript.
Realizzato da Eduard Mayer
24 gennaio 2014
È come un cursore ma ruota in modo cubico per ragioni sconosciute.
Realizzato da Eric Brewer
4 dicembre 2013
Realizzato da Hugo DarbyBrown
28 agosto 2013
Dispositivo di scorrimento per sovrapposizione immagini con HTML, CSS e JavaScript vanilla.
Realizzato da Yugam
7 giugno 2017
Dispositivo di scorrimento delle immagini in evidenza HTML e CSS.
Realizzato da Joshua Hibbert
16 giugno 2016
Slider di immagini multiasse con HTML, CSS e JavaScript.
Realizzato da Burak Can
22 luglio 2013
Cube slider, un piccolo esperimento con trasformazioni 3D HTML5/CSS3.
Realizzato da Ilya K.
26 giugno 2013
Lo slider è diventato molto popolare relativamente di recente. Circa la metà di tutti i modelli contengono uno slider.
Uno slider è un'area del sito (solitamente la parte centrale, subito dopo l'intestazione). Il suo obiettivo è rendere il sito più informativo, “vivo”, un tentativo di descrivere i vantaggi di un'azienda o di un prodotto in più immagini.
Esistono molte opzioni per creare uno slider. Ne vedremo alcuni tra i più popolari. Verranno fornite le fonti per ciascun metodo.
Opzione 1. Dispositivo di scorrimento in JQuery (JavaScript)Questa è una foto di ciò che ottieni con questa opzione (la fonte con questo esempio è sotto)
Affinché lo slider funzioni è necessario effettuare le seguenti operazioni:
- Includi javascript (file Java) nei tag di intestazione
- Il file di stile è di nuovo nei tag di intestazione
- Nel punto in cui devi visualizzare lo slider, compila il tag (come nell'esempio sopra)
Per non caricare il sito con script non necessari, esiste un ottimo modo per creare uno slider basato solo sui CSS (cioè puramente sugli stili). Diamo un'occhiata a un esempio.
Esempio n. 1
Esempio n.2
Esempio n.3
Questo è ciò che dovrebbe accadere.
Ciao, cari lettori del blog. Oggi ti presento un'utile selezione di slider JQuery gratuiti con esempi. Se decidi comunque di inserire uno slider di immagini nella tua risorsa, questa selezione ti sarà molto utile e, credimi, hai molto tra cui scegliere. Inoltre, tutti gli slider hanno degli esempi e puoi provarli ciascuno in azione. In generale, non ti distrarrò, fai la tua scelta :-)
Semplice dispositivo di scorrimento delle immagini jQueryLo slider delle miniature più comune e piccolo sul tuo sito.
Dispositivo di scorrimento delle miniature in JQueryUno slider molto semplice e interessante con miniature adatto a quasi tutti i design.
Uno slider di immagini grande e molto bello, con un interessante scorrimento del testo.
Lo slider più comune e semplice per la tua risorsa
Uno slider spettacolare a cui è impossibile passare.
Attendi ed elegante cursore di testo con immagini e con un bellissimo effetto capovolgimento.
Interessante scorrimento delle immagini che scorre in modo continuo e fluido. Per impostazione predefinita ci sono immagini di frutti diversi, che puoi modificare con le tue.
Un interessante slider con grandi frecce rosa che cambiano dimensione ingrandendo l'immagine.
Gallerie di immagini sotto forma di slider. Quando ho iniziato a preparare il materiale per questa raccolta, ho pensato che ci sarebbero stati semplicemente due infiniti materiali di alta qualità, poiché il tema delle gallerie di immagini è antico quanto il mondo ed è molto popolare. La mia sorpresa non conosceva limiti quando, ad ogni demo appena aperta, la speranza di trovare qualcosa di decente si scioglieva davanti ai nostri occhi. A questo proposito la scelta non era ampia ma, a mio avviso, con esemplari piuttosto interessanti. Tra questi ci sono sia gallerie di immagini adattive che gallerie.
A proposito, nell'argomento precedente ho fatto una selezione di plugin per gallerie per WordPress, quindi se hai un sito web su WordPress, penso che sarà estremamente interessante per te.
La barra delle miniature nella parte inferiore dello schermo scorre automaticamente quando l'utente sposta il mouse.
Il web design adattivo o, se preferite, responsivo non è ora solo un'altra tendenza del design, è già un certo standard per lo sviluppo di siti Web, garantendo la versatilità dei siti Web e una percezione visiva armoniosa sugli schermi dei diversi dispositivi degli utenti. Più recentemente, durante lo sviluppo di un modello responsivo, ho dovuto affrontare varie difficoltà nell'integrazione di determinati slider e gallerie di immagini senza disturbare lo stile di design generale. Al giorno d'oggi tutto è molto più semplice, ci sono un numero enorme di soluzioni già pronte su Internet e ciò che è particolarmente piacevole è che la maggior parte di esse sono disponibili gratuitamente, open source.
Data la varietà di strumenti offerti, ho compilato una breve panoramica degli sviluppi più importanti degli slider di immagini jQuery reattivi apparsi di recente e distribuiti senza alcuna restrizione, ad es. assolutamente gratuito.
Cursore WOWSlider di immagini jQuery reattivo con un ottimo set di effetti visivi (rotazione, flyout, sfocatura, spirali, persiane, ecc...) e molti modelli già pronti. Con la procedura guidata di inserimento pagina integrata di WOW Slider, puoi creare facilmente e senza sforzo presentazioni straordinarie in pochi minuti. Il sito web dello sviluppatore contiene tutta la documentazione necessaria per configurare e utilizzare il plugin in russo, oltre ad eccellenti esempi dal vivo di come funziona il plugin. Sono inoltre disponibili per il download un plugin WordPress separato e un modulo per Joomla. Sono sicuro che questo meraviglioso slider piacerà a molti, sia ai principianti che ai webmaster esperti.
HiSliderHiSlider - HTML5, slider Jquery e galleria di immagini, plugin assolutamente gratuito per uso personale su siti che eseguono sistemi popolari: WordPress, Joomla, Drupal. Con l'aiuto di questo strumento semplice ma abbastanza funzionale, puoi facilmente creare presentazioni sorprendenti e vivaci, presentazioni spettacolari e annunci di nuovi messaggi sulle pagine dei tuoi siti web. Diversi modelli e skin già pronti per lo slider, sorprendenti effetti di transizione (modifica) dei contenuti, output di vari contenuti multimediali: video da YouTube e Vimeo, impostazioni utente flessibili, ecc...
Nivo Slider è un buon vecchio, ben noto a tutti gli esperti, uno degli slider di immagini più belli e facili da usare. Il plug-in JQuery Nivo Slider può essere scaricato e utilizzato gratuitamente ed è concesso in licenza con la licenza MIT. C'è anche un plugin separato per WordPress, ma sfortunatamente è già pagato e dovrai pagare $ 29 per una licenza. È meglio fare un po’ di magia con i file dei temi WP e allegare la versione jQuery gratuita del plugin Nivo Slider al tuo blog, poiché su Internet si trovano molte informazioni su come farlo.
Per quanto riguarda la funzionalità, va tutto bene. Utilizza la libreria jQuery v1.7+, bellissimi effetti di transizione, impostazioni semplici e molto flessibili, layout adattivo, ritaglio automatico delle immagini e molto altro.
L'idea dello slider è stata ispirata dagli sviluppatori, noti per lo stile di presentazione dei prodotti Apple, in cui diversi piccoli oggetti (immagini) cambiano cliccando sulla categoria selezionata con un semplice effetto di animazione. Codrops presenta a tua disposizione un tutorial dettagliato su come creare questo slider, un layout completo di markup Html, un set di regole CSS e un plugin jQuery eseguibile, oltre a un meraviglioso esempio dal vivo di utilizzo dello slider.
Dispositivo di scorrimento dell'immagine a schermo intero utilizzando JQuery e CSS3 + tutorial dettagliato sull'integrazione del plug-in nelle pagine del sito Web. L'idea è di suddividere la diapositiva corrente aperta con contenuto specifico quando si passa al contenuto successivo o precedente. Utilizzando JQuery e l'animazione CSS puoi creare transizioni uniche tra le diapositive. Il layout reattivo dello slider garantisce che abbia lo stesso aspetto su diversi tipi di dispositivi utente.
Un dispositivo di scorrimento del contenuto che si adatta automaticamente in larghezza e altezza a seconda delle dimensioni del contenitore principale in cui si trova. Abbastanza semplice da implementare e flessibile nelle impostazioni, lo slider gira su JQuery, con navigazione in basso; quando si modifica la dimensione dello schermo verso il basso, la navigazione viene visualizzata sotto forma di icone. Documentazione molto dettagliata (tutorial sulla creazione) ed esempi di utilizzo dal vivo.
Una versione sperimentale dello slider che mostra immagini con transizioni dal piano 3D. Le immagini vengono divise in due pile orizzontali, utilizzando le frecce di navigazione per modificare e far passare ogni immagine successiva allo stato di visualizzazione. In generale, niente di speciale, ma l'idea stessa e la tecnica di esecuzione sono piuttosto interessanti.
Uno slider di immagini jQuery molto semplice, reattivo al 100% e a schermo intero. Il funzionamento dello slider si basa sulle transizioni CSS (la proprietà di transizione) insieme alla magia di jQuery. Il valore della larghezza massima è impostato al 100% per impostazione predefinita, quindi la dimensione delle immagini cambierà in base alle modifiche delle dimensioni dello schermo. Non ci sono effetti speciali di animazione o fronzoli nel design, tutto è semplice e progettato per un funzionamento senza problemi.
Il nome parla da solo, questo è forse uno degli slider di immagini jQuery più leggeri e minimalisti che abbia mai incontrato (plugin da 1kb). ResponsiveSlides.js è un piccolo plugin JQuery che crea presentazioni utilizzando elementi all'interno di un contenitore. Funziona con un'ampia gamma di browser, comprese tutte le versioni di IE, il famoso freno al progresso, da IE6 e versioni successive. Il lavoro utilizza transizioni CSS3 insieme a Javascript per affidabilità. Layout semplice utilizzando un elenco non ordinato, personalizzazione delle transizioni e degli intervalli di tempo, controllo automatico e manuale del cambio di diapositive, nonché supporto per più presentazioni contemporaneamente. Ecco un "bambino" così giocoso.
Camera è un plug-in JQuery gratuito per l'organizzazione di presentazioni sulle pagine del sito Web, uno slider leggero con molti effetti di transizione, un layout reattivo al 100% e impostazioni molto semplici. Si adatta perfettamente agli schermi di qualsiasi dispositivo utente (monitor PC, tablet, smartphone e cellulari). Possibilità di dimostrare video incorporato. Cambio automatico della diapositiva e controllo manuale tramite pulsanti e blocco miniature delle immagini. Una galleria di immagini quasi completa in un design compatto.
Un altro slider reattivo abbastanza semplice in jQuery. Puoi inserire qualsiasi contenuto, video, immagine, testo e altri elementi nelle tue diapositive. Supporto esteso per touch screen. Utilizzo delle animazioni di transizione CSS. Un gran numero di diverse varianti di presentazioni e gallerie di immagini compatte. Controllo automatico e manuale. Cambia diapositiva utilizzando i pulsanti e selezionando le miniature. File sorgente di piccole dimensioni, molto facile da configurare e implementare.
FlexSlider 2: una versione aggiornata dello slider con lo stesso nome, con reattività migliorata, minimizzazione dello script e riduzione al minimo del riflusso/ridisegno. Il plugin include uno slider di base, un controllo slide con miniature, frecce sinistra-destra integrate e una barra di navigazione inferiore sotto forma di pulsanti. La possibilità di visualizzare video in diapositive (vimeo), impostazioni flessibili (transizioni, design, intervallo di tempo), layout completamente adattivo.
Un plugin jQuery reattivo ben noto e molto popolare per la creazione di gallerie di immagini e slider di alta qualità. L'interfaccia slider, grazie al suo pannello di controllo, ricorda visivamente un lettore video familiare; il plugin include diversi temi di design. Supporto per video e immagini incorporati da servizi popolari: Flickr, Vimeo, YouTube e altri. Documentazione dettagliata su configurazione e utilizzo.
Uno slider di immagini jQuery semplice e gratuito, scritto appositamente per il web design reattivo. Blueberry è un plugin jQuery open source sperimentale. Design minimalista, nessun effetto, solo immagini pop-up che si sostituiscono l'una con l'altra dopo un certo periodo di tempo. Tutto è molto semplice, installa, connetti e vai...
Uno slider di immagini jQuery molto compatto con elementi Lightbox. Grazie alle sue dimensioni flessibili, è molto facile da integrare in qualsiasi contenitore, in un'unica voce sotto forma di miniature, quando si passa il cursore del mouse o si fa clic su di esse, si attiva una lightbox con un'immagine ingrandita e controlli. È conveniente posizionare un cursore di questo tipo nei pannelli laterali per presentare prodotti o annunci di notizie. Un'ottima soluzione per siti con una grande quantità di informazioni.
Slider reattivo gratuito con transizioni CSS3 avanzate. Stile minimalista, 3 temi di design. Ogni fotogramma scorre orizzontalmente, appare al centro, l'immagine va a sinistra, la firma a destra, le miniature sono duplicate nell'angolo in basso a destra. Impaginazione delle visualizzazioni dei prodotti da visualizzare in ciascun frame. I controlli includono anche i pulsanti avanti e indietro. Supportato da tutti i browser moderni.
Uno slider di immagini molto semplice sia in termini di funzionalità che di impostazioni; tra le impostazioni c'è la modifica della velocità di cambio delle diapositive, l'attivazione della modalità manuale (i pulsanti di controllo sono attivati), presentazione continua. Questo slider ha il diritto di esistere e mi ha attratto solo perché esiste; non ho trovato nulla di particolarmente interessante in questo sviluppo, forse non lo stavo cercando bene)))
Uno slider di immagini così bello e adattivo di Vladimir Kudinov, compagni. Uno strumento solido, ben progettato, fornito di esempi illustrativi e istruzioni dettagliate per la creazione, l'installazione e l'utilizzo. Design adattivo, pulsanti carini e frecce verdi, tutto è abbastanza carino e calmo, senza pressione.
Plug-in slider JQuery gratuito con effetto parallasse per immagini e diapositive di testo. Le animazioni delle diapositive hanno più valori di visualizzazione con il pieno controllo in ciascuna impostazione di temporizzazione e animazione. La possibilità di animare più elementi su una diapositiva contemporaneamente. Puoi impostare diversi metodi di animazione, dissolvenze delle diapositive o transizioni da una direzione specifica. Visualizzazione automatica e controllo manuale tramite le frecce di navigazione che compaiono quando passi il mouse sopra l'immagine. 10 tipi di effetti di animazione delle diapositive e molto altro ancora...
La revisione si è rivelata piuttosto ampia, ma non sufficientemente informativa a causa dell'elevato numero di prodotti considerati. Puoi scoprire tutti i dettagli e le descrizioni dettagliate delle funzionalità di un particolare plugin direttamente sulle pagine degli sviluppatori. Posso solo sperare di aver reso più facile per qualcuno trovare quello strumento davvero necessario per creare cursori di immagini colorate sulle pagine dei loro siti web.
Hai mai pensato che sarebbe bello poter lavorare con modelli in lingua russa? Pensaci solo per un minuto. Nessuna perdita di tempo lavorando con modelli in lingua inglese. Ci affrettiamo a farti piacere che ora puoi trovarlo sul mercato di TemplateMonster. Il testo di ciascuno di essi è stato scritto a mano. E, naturalmente, tutte le soluzioni già pronte sono incredibilmente facili da usare.
Con tutto il rispetto, Andrea
