FlexSlider è un ottimo plugin per jQuery che vi permetterà di creare delle gallerie, slider o caroselli di immagini completamente reattivi (responsive). In altre parole le gallerie implementate con FlexSlideris saranno, in modo automatico e dinamico, adattabili proporzionalmente ad ogni dimensione della finestra browser e del dispositivo utilizzato dall’utente. Il plugin implementa anche i controlli per i dispositivi touch, e ne ottimizza l’utilizzo per i dispositivi mobili.
L’implementazione del suo codice è semplice e per vedere le varie possibilità offerte visitate la pagina del plugin. Di seguito un esempio di implementazione base.
Richiamo della funzione
|
1 2 3 4 5 |
$(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); |
Codice HTML per la galleria
|
1 2 3 4 5 6 7 8 |
<div class="flexslider"> <ul class="slides"> <li><img src="slide1.jpg" /></li> <li><img src="slide2.jpg" /></li> <li><img src="slide3.jpg" /></li> <li><img src="slide4.jpg" /></li> </ul> </div> |
Andate alla demo sotto per vedere il plugin in azione; una volta aperta la pagina demo ridimensionate a piacimento la finestra del vostro browser per vedere l’adattamento proporzionale della galleria immagini!
Demo Download Info | Sito Web | Autore
| Articolo pubblicato 5 anni fa nella categoria 
Pingback: TS TV Escorts from London()