https://yapparigroup.jp/assets/js/slideimg.js?20230824

1$(".slider").slick({
2  autoplay: true, //自動的に動き出すか。初期値はfalse。
3  autoplaySpeed: 2000,
4  infinite: true, //スライドをループさせるかどうか。初期値はtrue。
5  slidesToShow: 5, //スライドを画面に〇枚見せる
6  slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
7  prevArrow: '<div class="slick-prev"></div>', //矢印部分PreviewのHTMLを変更
8  nextArrow: '<div class="slick-next"></div>', //矢印部分NextのHTMLを変更
9  dots: false, //下部ドットナビゲーションの表示
10  responsive: [
11    {
12      breakpoint: 992, //モニターの横幅が769px以下の見せ方
13      settings: {
14        slidesToShow: 3, //スライドを画面に〇枚見せる
15        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
16      },
17    },
18    {
19      breakpoint: 426, //モニターの横幅が426px以下の見せ方
20      settings: {
21        slidesToShow: 2, //スライドを画面に〇枚見せる
22        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
23      },
24    },
25  ],
26});
27
28$(".slider02").slick({
29  autoplay: true, //自動的に動き出すか。初期値はfalse。
30  autoplaySpeed: 2000,
31  infinite: true, //スライドをループさせるかどうか。初期値はtrue。
32  slidesToShow: 4, //スライドを画面に〇枚見せる
33  slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
34  prevArrow: '<div class="slick-prev"></div>', //矢印部分PreviewのHTMLを変更
35  nextArrow: '<div class="slick-next"></div>', //矢印部分NextのHTMLを変更
36  dots: false, //下部ドットナビゲーションの表示
37  responsive: [
38    {
39      breakpoint: 769, //モニターの横幅が769px以下の見せ方
40      settings: {
41        slidesToShow: 3, //スライドを画面に〇枚見せる
42        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
43      },
44    },
45    {
46      breakpoint: 426, //モニターの横幅が426px以下の見せ方
47      settings: {
48        slidesToShow: 2, //スライドを画面に〇枚見せる
49        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
50      },
51    },
52  ],
53});
54
55$(".sliderTop").slick({
56  autoplay: true, //自動的に動き出すか。初期値はfalse。
57  autoplaySpeed: 5000,
58  infinite: true, //スライドをループさせるかどうか。初期値はtrue。
59  slidesToShow: 1, //スライドを画面に〇枚見せる
60  slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
61  prevArrow: '<div class="slick-prev"></div>', //矢印部分PreviewのHTMLを変更
62  nextArrow: '<div class="slick-next"></div>', //矢印部分NextのHTMLを変更
63  dots: false, //下部ドットナビゲーションの表示
64  responsive: [
65    {
66      breakpoint: 769, //モニターの横幅が769px以下の見せ方
67      settings: {
68        slidesToShow: 1, //スライドを画面に〇枚見せる
69        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
70      },
71    },
72    {
73      breakpoint: 426, //モニターの横幅が426px以下の見せ方
74      settings: {
75        slidesToShow: 1, //スライドを画面に〇枚見せる
76        slidesToScroll: 1, //1回のスクロールで〇枚の写真を移動して見せる
77      },
78    },
79  ],
80});