https://www.machiasobi.com/backnumber/v28/wp-content/themes/redone2/assets/js/index.js

1$(function () {
2  // top kvのスライダー処理
3  let stageCount = $(".stage-slider li").length;
4  let exhibitionCount = $(".exhibition-slider li").length;
5
6  $(".stage-slider").slick({
7    dots: true,
8    infinite: true,
9    slidesToShow: 4,
10    slidesToScroll: 1,
11    dotsClass: "dots-class",
12    centerMode: true, // 中央寄せを無効にする
13    variableWidth: false, // 可変幅を無効
14    infinite: true,
15    autoplay: true,
16    centerPadding: "40px",
17    responsive: [
18      {
19        breakpoint: 768,
20        settings: {
21          slidesToShow: 1,
22          slidesToScroll: 1,
23          variableWidth: false, // 可変幅を無効
24        },
25      },
26    ],
27  });
28
29  $(".exhibition-slider").slick({
30    dots: true,
31    centerPadding: "40px",
32    infinite: true,
33    slidesToShow: 4,
34    slidesToScroll: 1,
35    dotsClass: "dots-class",
36    centerMode: true, // 中央寄せを無効にする
37    variableWidth: false, // 可変幅を無効
38    infinite: true,
39    autoplay: true,
40    responsive: [
41      {
42        breakpoint: 768,
43        settings: {
44          slidesToShow: 1,
45          slidesToScroll: 1,
46          variableWidth: false, // 可変幅を無効
47        },
48      },
49    ],
50  });
51
52  setTimeout(function () {
53    $("#first-loading").fadeOut(500);
54  }, 1000);
55
56  $(".access-one .btn").on("click", function () {
57    const menu_type = $(this).data("type");
58    const is_close = $(this).hasClass("active");
59
60    $(".access-detail .active").removeClass("active");
61
62    if (!is_close) {
63      $(this).addClass("active");
64      console.log(`#access-img-${menu_type}`);
65      $(`#access-img-${menu_type}`).addClass("active");
66    }
67  });
68});