https://gazoo.com/U-Car/resource_new/js/top/js_magazine_slickSlide.js

1$('.js-magazineJsonSlider').slick({
2  dots: false,
3  infinite: false,
4  speed: 300,
5  slidesToShow: 4,
6  // slidesToScroll: 1,
7  centerMode: false,
8  variableWidth: true,
9  arrows: true,
10  prevArrow: '<div class="slickSlide__arrow magazine-prev prev-arrow btn-hover"><img class="images" src="/U-Car/resource_new/img/top/top-slider/carousel_prev-hover.png" alt="" /><img class="images-hover" src="/U-Car/resource_new/img/top/top-slider/carousel_prev.png" alt="" /></div>',
11  nextArrow: '<div class="slickSlide__arrow magazine-next next-arrow btn-hover"><img class="images" src="/U-Car/resource_new/img/top/top-slider/carousel_next-hover.png" alt="" /><img class="images-hover" src="/U-Car/resource_new/img/top/top-slider/carousel_next.png" alt="" /></div>',
12  responsive:[
13      {
14        //767px以下の画面幅
15        breakpoint: 768,
16        settings: {
17          //ドット非表示
18          dots: false,
19          //矢印非表示
20          arrows: false,
21          slidesToShow: 1
22        }
23      }
24    ]
25});
26
27//スライダー上の戻るボタン非表示
28$('.magazine-prev').hide();
29
30//スライダー上の戻るボタン・次へボタンの表示・非表示制御
31$('.js-magazineJsonSlider').on('afterChange',function(event, slick, currentSlide){
32  const lastNum = slick.$slides.length-4;
33  switch(currentSlide){
34    case 0:
35      $('.magazine-prev').hide();
36      $('.magazine-next').show();
37      break;
38    case lastNum:
39      $('.magazine-prev').show();
40      $('.magazine-next').hide();
41      break;
42    default:
43      $('.magazine-next').show();
44      $('.magazine-prev').show();
45      break;
46  }
47});