https://www.shinjukubc.com/wp-content/themes/juno_clinic_service/juno_settings/js/swiper/setting.banner.ad.js

1/**
2* バナー一覧（AD）スライダー
3**/
4
5let mySwiper = new Swiper ('.m-banner-ad-slider .swiper', {
6  // 以下にオプションを設定
7  direction: 'horizontal',        // スライド方向「horizontal（横）、vertical（縦）」
8  loop: true,                     // 最後に達したら先頭に戻る
9  speed: 1200,                    // スライドとスライドの遷移時間（ミリ秒）
10  effect: 'slide',                // スライドのエフェクト「slide、fade、coverflow、flip」
11  slidesPerView: 1.35,               // 一度に表示するスライドの数
12  spaceBetween: 16,                // スライドとスライドの余白（px指定）
13
14  // レスポンシブブレーポイント（画面幅による設定）
15  breakpoints: {
16    // 画面幅が 769px 以上の場合（window width >= 769px）
17    769: {
18      slidesPerView: 3,         // 一度に表示するスライドの数（1.5枚分表示）
19      centeredSlides: true,       // アクティブなスライドを中央に配置
20      spaceBetween: 28,           // スライドとスライドの余白（px指定）
21    },
22  },
23
24  // 自動再生
25  autoplay: {
26    delay: 3500,                  // スライド間の間隔（ミリ秒）
27    stopOnLastSlide: false,       // 最後のスライドに達したら停止するかしないか
28    disableOnInteraction: false,  // ユーザが操作したら自動再生をストップ
29    reverseDirection: false,      // 逆方向に自動再生
30  },
31
32  // ページネーション表示の設定
33  pagination: {
34    el: '.m-banner-ad-slider .swiper-pagination',     // ページネーションの要素
35    type: 'bullets',              // ページネーションの種類
36    clickable: true,              // クリックに反応させる
37  },
38
39  // ナビゲーションボタン（矢印）表示の設定
40  navigation: {
41    nextEl: '.m-banner-ad-slider .swiper-button-next', // 「次へボタン」要素の指定
42    prevEl: '.m-banner-ad-slider .swiper-button-prev', // 「前へボタン」要素の指定
43  },
44
45  // スクロールバー表示の設定
46  scrollbar: {
47    // el: '.swiper-scrollbar',      // 要素の指定
48  },
49});