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

Cerchiamo di essere onesti, almeno per un secondo, slidshow 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". Slider  solo immagini,  testo o adirittura un video, ma sono un insieme di varie elementi sia per visualizzazione sia per il suo controllo  è  per gestire tutto questo, ci aiutera jQuery.

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.

1

Alcune caratteristiche interessanti:

  1. Ottimizzazione SEO
  2. Alta configurabilità
  3. Più di 10 modelli  iniziali
  4.  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.

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

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.

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, è 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.

4

Caratteristiche:

  1. Tooltips, caselle di 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 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 ".

.5

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:

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

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 +

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 …

7

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

  1. Precaricamento  Intelligente
  2. Più di 25 modelli
  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 - 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.

8

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:

  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. Essi possono anche essere utili nelle applicazioni Web. Avanzate 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 è 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».

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.

 

Abbaimo visto la prima parte della raccolta domani la seconda!

 
Letto 1969 volte