Una raccolta di Slideshow o Slider di immagini per il tuo sito web: scegli migliore!

Cerchiamo di essere onesti, almeno per un secondo, slideshow o slider di immagini sono divertenti. Varie immagini o testo che appaiono da niente e svaniscono con dei effetti mozzafiato producono un gran effetto chiamato "wow". E per aiutarci a gestire questi effetti ci aiutera libreria  jQuery di javascript.

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.

1

Alcune caratteristiche interessanti:

  1. Ottimizzazione SEO
  2. Alta configurabilità
  3. Più di 10 template pronti al uso
  4. 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 .

2

L'elenco delle possibilità è così grande che indicherò solo i più importanti:

  1. Effetto di parallasse e animazioni personalizzate
  2. Ottimizzazione SEO
  3. Numero illimitato di livelli e diapositivi con i collegamenti
  4. Pronto per l'uso, stili profondamente personalizzabili
  5. Intuitivo nelle impostazioni
  6. 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.

3

Un paio di caratteristiche che vorrei indicare :

  1. Template PSD
  2. 13 modeli  e 3 tipi di menù
  3. Possibilità di posizionare una immagine fissa sopra lo slider
  4. Ottimizzazione SEO e immagini lazy loading
  5. 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.

4

Caratteristiche:

  1. Tooltips, possibilita di agiungere del  testo, ecc
  2. Anteprima e varie opzioni per la visualizzazione dei componenti.
  3. Delay Timer per una sola diapositiva o per tutti.
  4. 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 ".

.5

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:

  1. Rotatore baner  
  2. Banner con anteprima
  3. Banner con playlist
  4. Slider dei contenuti
  5. 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 .

6

Questo slider ha trovato il suo posto sotto  il  sole per la sua  semplicità e ricchezza  di funzionalità. Caratteristiche:

  1. Supporto tema
  2. 12 temi predefiniti
  3. 40 tipi transizioni
  4. 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 …

7

Quando si tratta di un buon design, questo slider è uno dei migliori:

  1. Precaricamento  intelligente
  2. Più di 25 template pronti al uso
  3. Transizioni con accelerazione hardware
  4. 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.

8

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:

  1. Ottimizzazione SEO
  2. Autoplay intelligente
  3. Transizioni CSS3 con accelerazione hardware
  4. 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.

9

  1. Con HTML o XML markup questo slider da una impressione  unica:
  2. Livelli d'animazione e video intelligente
  3. 100 +  transizioni e  150 le proprietà personalizzabili
  4. 15 modelli per lo slider 7 modelli  per barra di scorrimento e il supporto incorporato per lightbox
  5. 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».

10

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:

  1. Transizioni CSS3 tra gli diapositive
  2. Il parametro di  fine d' animazione per diapositive
  3. Varianti di larghezza fissa, a tutto schermo o su tutta la larghezza
  4. 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.

Letto 2253 volte