responsive design - Set slick slider value of JQuery according to width of browser -


i using slick

kenwheeler.github.io/slick

 <div class="slick" data-slick='{"slidestoshow": 4, "slidestoscroll": 1}'> <div>1</div> <div>2</div> <div>1</div> <div>1</div> <div>1</div> </div> 

i want set value of slidestoshow according width of browser. idea appreciated

2that's classic responsive slider. slider initializer script should this:

$('.your-slider-class').slick({   slidestoshow: 3,   responsive: [     {       breakpoint: 768,       settings: {         slidestoshow: 2       }     },     {       breakpoint: 480,       settings: {         slidestoshow: 1       }     }   ] }); 

and add other settings script. next time read "how use" on link gave, there's example this


Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -