Dai un'occhiata a 20 jQuery slider dal sito Envato Market e ti rendi conto che ci sono slidshow 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 e le sue postazioni e il prezzo dovresti seguire i link correlati.
1. RoyalSlider – Touchscreen galleria di immagini con jQuery
Ora una galleria responsiva, ad 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 è scrittoa in HTML5 e CSS3.
Alcune caratteristiche interessanti:
- Ottimizzazione SEO
- Alta configurabilità
- Più di 10 modelli iniziali
- Transizioni con CSS3
e cosi via
A mio parere, la più bella caratteristica è la "architettura modulare dello script", che consente di scollegare dal file JS cose inutili, riducendo così il peso. RoyalSlider, galleria di immagini touchscreen 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 lider JQuery questo soddisfa tutte le possibili esigenze.
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
e altro
La possibilità di aggiungere una foto, video player incorporato e collegamenti alla reti sociali rende Slider Revolution una delle opzioni più flessibili e personalizzabili nella rete.
3. LayerSlider slider Jquery adattivo.
Leggendo il titolo “LayerSlider Jquery slider adattivo." non puoi veramente apprezzare lo slider.
200 + 2D e 3D transizioni fra le diapositive ti girano la testa a chiunque.
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, è possibile aggiungere praticamente qualsiasi contenuto, anche contenuti multimediali HTML5 residente. 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, caselle di 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 su Jquery
Ogni slider che appare sulla rete ha la sue proprieta uniche e risolvere eventuali problemi solo in una certa zona. Ma non questo. All In One slider è davvero il "tutto in uno ".
.
Penso che la maggior parte degli sviluppatori web e webdesigner hanno nel suo cassetto delle soluzione gia pronto, ma 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 tipi di slider supportano la maggior parte della funzionalità, se non tutte . 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 +
Eccetera
Tutte le funzioni sono realizzati con una particolare attenzione a design e stile, che 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 per le diverse dimensioni dello schermo …
Quando si tratta di un buon design, questo slider è uno dei migliori:
- Precaricamento Intelligente
- Più di 25 modelli
- Transizioni con accelerazione hardware
- Supporto per il touchpad
E molto altro ancora
Transizioni interattivi, livelli animati sicuramente attirerano la vostra attenzione. Maestro Slider - un'opera d'arte.
8. TouchCarousel — jQuery slider del contento
TouchCarousel seduce da un 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 adattabile a 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. Essi possono anche essere utili nelle applicazioni Web. Avanzate 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 è l'Advanced Slider - 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.
Abbaimo visto la prima parte della raccolta domani la seconda!