BxSlider: Creare slider multipli dentro un’unica pagina html

BxSlider è una bellissima libreria che consente di creare slider responsive, quindi navigabili anche da mobile. Il oroblema che affronterò in questo articolo è come creare vari slider di immagini all’interno della stessa pagina HTML.

 

Come funziona

Tirare su uno slider è molto semplice, è sufficiente un mix di una struttura HTML ed una chiamata jQuery alla funzione bxSlider().


<ul class="bxslider">
<li><img src="/path/to/img.jpg" title="Image" /></li>
<li><img src="/path/to/img1.jpg" title="Image2" /></li>
<li><img src="/path/to/img2.jpg" title="Image3" /></li>
</ul>

Continue reading…