[slickサンプル] 基本のスライダー

<div class="slider" id="js-slick">
  <div class="slide"><img src="https://placehold.jp/1000x300.png?text=1" alt=""></div>
  <div class="slide"><img src="https://placehold.jp/1000x300.png?text=2" alt=""></div>
  <div class="slide"><img src="https://placehold.jp/1000x300.png?text=3" alt=""></div>
  <div class="slide"><img src="https://placehold.jp/1000x300.png?text=4" alt=""></div>
  <div class="slide"><img src="https://placehold.jp/1000x300.png?text=5" alt=""></div>
</div>

$('#js-slick').slick({
  autoplay: true,
  autoplaySpeed: 3000,
  arrows: true,
  dots: true,
  infinite: true,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
      }
    }
  ]
});