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
Post a Comment