I have a slider on a page.
10 slides in 2 rows.
Following the design, I need there to be 3 dots.
I registered SliderToShow: 3, SliderToScroll: 2, but instead of two slides, 4 slides are scrolled, and the third button becomes not working.
Here is a link to jsFiddle.
http://jsfiddle.net/jy8xoqbp/30/
Thank you very much for your attention!
I have a slider on a page. 10 slides in 2 rows. Following the design, I need there to be 3 dots. I registered SliderToShow: 3, SliderToScroll: 2, but instead of two slides, 4 slides are scrolled, and the third button becomes not working. Here is a link to jsFiddle. http://jsfiddle.net/jy8xoqbp/30/ Thank you very much for your attention!
Here are my js code:
$(document).ready(function (){ $('.slider').slick({ arrows: false, dots: true, slidesToShow: 3, slidesToScroll: 2, rows: 2, slidesToScroll: 2, }); });