Active 3 Slides with total 3 slides with Slick

by Faisal Khan Janjua

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<script src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<div class="sliderblock">
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
  <div><h3>1</h3></div>
  <div><h3>2</h3></div>
  <div><h3>3</h3></div>
</div>

CSS

div{
  border:1px solid #F99;
}
div > div{
  border:1px solid #99F;
  text-align:center;
}

JavaScript

$('.sliderblock').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  arrows: true,
  infinite: true,
});