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

python - jinja2: TemplateSyntaxError: expected token ',', got 'string' -

Qt4: how to send QString inside a struct via QSharedMemory -

node.js - NodeJS remote terminal to Dropbear OpenWRT-Server -