In questo articolo vediamo slider piu avvanzati del momento che utilizzano jQuery. Dai un'occhiata a 10 jQuery slider che puoi trovare e acquisatre sul sito di Envato Market e ti rendi conto che ci sono slideshow che sono più di un semplice blocco al interno del quale si sostituiscono immagini o testo. Mi sono limitato di presentare semplicemente una panoramica di quello che offrono vari slider, e per vederli in azione scoprire impostazioni e il prezzo dovresti seguire i link correlati.
1. RoyalSlider – Touchscreen galleria di immagini con jQuery
Ora una galleria responsiva, e amichevole per il touch screen, significa molto più di prima. RoyalSlider combina entrambe le funzioni la capacità di adattamento allo schermo e possibilità di lavorare con touch screen. Una buona scelta, anche perché che la galleria è scritta in HTML5 e CSS3.
Alcune caratteristiche interessanti:
- Ottimizzazione SEO
- Alta configurabilità
- Più di 10 template pronti al uso
- Transizioni con CSS3
e cosi via
A mio parere, la più bella caratteristica è la "architettura modulare dello script", che consente di togliere dal file JavaScript cose inutili, riducendo così il peso. RoyalSlider, galleria di immagini touchscreen realizzata su JQuery è uno slider JavaScript affidabile, che dovrebbe essere nel casetto di qualsiasi webmaster.
2. Slider Revolution galleria adattiva di jQuery
Non è una cosa facile di “rivoluzionare” uno slider di immagini . Quando si tratta di slider, ci si possa aggiungere molte caratteristiche. Tuttavia, Slider Revolution è davvero un buon esempio. Tra i slider realizzati in JQuery questo posiede pui opzioni di qualsiasi altro, inoltre esistono versioni pronti per cms come wordpress e joomla .
L'elenco delle possibilità è così grande che indicherò solo i più importanti:
- Effetto di parallasse e animazioni personalizzate
- Ottimizzazione SEO
- Numero illimitato di livelli e diapositivi con i collegamenti
- Pronto per l'uso, stili profondamente personalizzabili
- Intuitivo nelle impostazioni
- Infinita quantita di livelli per un slide come in fotoshop
e altro
La possibilità di aggiungere una foto, video player incorporato e collegamenti alla reti sociali rende di Slider Revolution una delle soluzioni più flessibili e personalizzabili sulla rete.
3. LayerSlider slider jQuery adattivo.
Leggendo solo il titolo “LayerSlider adattivo in jQuery." sicuramente non potresti apprezarlo in pieno .
Ma 2D e 3D transizioni fra le diapositive al suo interno girano la testa a chiunque. Semplicita nella gestione. Possibilita di inserire elementi in varie livelli e tanto altro, basta vedere il demo sul sito seguendo il link sopra per capire che e una ottima soluzione per qualsiasi sito.
Un paio di caratteristiche che vorrei indicare :
- Template PSD
- 13 modeli e 3 tipi di menù
- Possibilità di posizionare una immagine fissa sopra lo slider
- Ottimizzazione SEO e immagini lazy loading
- Transizioni CSS3 e accelerazione hardware di JQuery folbek
E molto altro ancora
Come con lo slider precedente anche qui è possibile aggiungere praticamente qualsiasi contenuto, anche contenuti multimediali. LayerSlider anima i tuoi dispositivi ed inoltre è molto bello.
4. jQuery Banner Rotator / Slideshow
jQuery Banner Rotator / Slideshow - piuttosto semplice carosello senza sacrificare la funzionalità di base.
Caratteristiche:
- Tooltips, possibilita di agiungere del testo, ecc
- Anteprima e varie opzioni per la visualizzazione dei componenti.
- Delay Timer per una sola diapositiva o per tutti.
- Molteplici transizioni di tutte le diapositive o diverse transizioni per ciascuna singolarmente
jQuery Banner Rotator / Slideshow questo slider rispetto ad altri slider in jQuery non ha tanti opzioni, ma non scartarlo per questo
5 All In One Slider lo slider adativo in jQuery
Ogni nuovo slider che appare sulla rete posiede delle proprieta uniche e viene creato per per un certo scopo per risolvere dei problematiche specifiche. Ma non questo. All In One slider è davvero il "tutto in uno ".
.
Penso che la maggior parte di sviluppatori web e webdesigner tengono nel suo cassetto delle soluzione gia pronti per ogni caso, ma comunque sono sempre alla ricerca di qualcosa di nuovo. E questo "qualcosa di nuovo" include:
- Rotatore baner
- Banner con anteprima
- Banner con playlist
- Slider dei contenuti
- Carosello
Tutti i slider a grande linea vengono creati per soddisfare tante richieste ma sempre manca qualcosa nella loro funzionalita . Vediamo se All In One Slider sarà il tuo "all inclusive"?
6. UnoSlider – touch screen slider su jQuery
Se il slider non è adattivo e non supporta touch screen, utilizzi uno slider sbagliato. UnoSlider – è una soluzione giusta .
Questo slider ha trovato il suo posto sotto il sole per la sua semplicità e ricchezza di funzionalità. Caratteristiche:
- Supporto tema
- 12 temi predefiniti
- 40 tipi transizioni
- Il supporto per IE6 +
E tanto altro
Tutte le funzioni sono realizzati con una particolare attenzione a design e stile il cio rende UnoSlider eccellente content-slider con la possibilità di aggiungere la propria tema .
7. Master Slider — jQuery touch screen slider
Sei nella ricerca di "uno slider JQuery che piace a tutti"? Prova Maestro Slider JQuery touch screen slider addativo …
Quando si tratta di un buon design, questo slider è uno dei migliori:
- Precaricamento intelligente
- Più di 25 template pronti al uso
- Transizioni con accelerazione hardware
- Supporto per il touchpad
E molto altro ancora
Transizioni interattivi, livelli animati sicuramente attirerano la vostra attenzione. Maestro Slider e un'opera d'arte.
8. TouchCarousel jQuery slider del contento
TouchCarousel seduce per il suo supporto gratuito e aggiornamenti. Tuttavia, questo non sono tutte le caratteristiche di questo leggero JQuery carosello.
Se il nome contiene la parola «touch », si può intuire che lo slider è completamente soportabile e gestibile anche dai dispositivi mobili e supporta la tecnologia «touch ». Altre caratteristiche:
- Ottimizzazione SEO
- Autoplay intelligente
- Transizioni CSS3 con accelerazione hardware
- Personalizzabile interfaccia utente e 4 template per Photoshop
Eccetera
TouchCarousel grazie il suo unico scorrimento fisico di dispositivi ti porta ad un livello completamente nuovo di esperienze con i dispositivi mobili.
9. Advanced Slider — jQuery XML slider
Slider jQuery possono essere utilizzate non solo sui siti web. Essi possono essere utili anche nelle applicazioni Web. Advanced Slider ti permette di fare questo.
- Con HTML o XML markup questo slider da una impressione unica:
- Livelli d'animazione e video intelligente
- 100 + transizioni e 150 le proprietà personalizzabili
- 15 modelli per lo slider 7 modelli per barra di scorrimento e il supporto incorporato per lightbox
- Navigazione con la tastiera, supporto touch e la piena regolabilità
E molto altro ancora
Tuttavia, la caratteristica migliore di Advanced Slider e jQuery Slider XML API, il che lo rende la soluzione ottimale per la vostra l'applicazione Web.
10. jQuery Slider Zoom In/Out Effect Fully Responsive
Uno dei slider JQuery che vi invita di vedere una demo prima di iniziare a leggere le sue caratteristiche. Avrete semplicemente voglia di capire cosa significa «zoom in / out effetto».
Effetto zoom è piuttosto debole, ma aggiunge un senso di controllo, e sensazione di un vero toccare immagine quando altri slider rimangono statici. Particolarità da sottolineare per questo slider:
- Transizioni CSS3 tra gli diapositive
- Il parametro di fine d' animazione per diapositive
- Varianti di larghezza fissa, a tutto schermo o su tutta la larghezza
- Un testo animato con la formattazione HTML e CSS
Eccetera
La maggior parte di slider stanno cercando di avere al suo interno il maggior numero di effetti possibili, e in jQuery Slider Zoom In / Out Effect Full Responsive ha solo l'effetto di Ken Burns, ma ben irealizzato.