https://www.daiowasabi.co.jp/wp-content/themes/daiowasabi_2024/js/splide.js?ver=6.6.9

1document.addEventListener('DOMContentLoaded', function () {
2  
3  // スライダーの設定
4  if (this.location.pathname === '/daio-an/' || this.location.pathname === '/oasis/' || this.location.pathname === '/daios-cafe/' || this.location.pathname === '/food-coat/' || this.location.pathname === '/wasabi-do/') {
5    const splide = new Splide("#splide1", {
6      type: 'loop', perPage: 4, arrows: false, pagination: false, drag: false,
7
8      autoScroll: {
9        speed: 0.5, pauseOnHover: false, // カーソルが乗ったらスクロールを停止させない
10        pauseOnFocus: false, // 矢印をクリックしてもスクロールを停止させない
11      },
12
13      breakpoints: {
14        767: {
15          perPage: 2,
16        },
17      },
18    })
19      .mount(window.splide.Extensions);
20  }
21
22  if (this.location.pathname === '/travels/') {
23    const splide2 = new Splide("#splide2", {
24      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
25        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
26      },
27    })
28      .mount();
29
30    const splide3 = new Splide("#splide3", {
31      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
32        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
33      },
34    })
35      .mount();
36
37    const splide4 = new Splide("#splide4", {
38      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
39        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
40      },
41    })
42      .mount();
43
44    const splide5 = new Splide("#splide5", {
45      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
46        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
47      },
48    })
49      .mount();
50
51    const splide6 = new Splide("#splide6", {
52      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
53        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
54      },
55    })
56      .mount();
57
58    const splide7 = new Splide("#splide7", {
59      type: 'loop', perPage: 1, perMove: 1, arrows: true, pagination: true, classes: {
60        pagination: "splide__pagination p-travel__pagination", page: "splide__pagination__page p-travel__page",
61      },
62    })
63      .mount();
64  }
65
66  if (this.location.pathname === '/about/') {
67    const splide8 = new Splide("#splide8", {
68      type: 'loop', perPage: 6, gap: 0, arrows: false, pagination: false, drag: true, autoScroll: {
69        speed: 0.5, pauseOnHover: false, // カーソルが乗ったらスクロールを停止させない
70        pauseOnFocus: false, // 矢印をクリックしてもスクロールを停止させない
71      }, cloneStatus: false, // クローン要素を作らない
72
73      breakpoints: {
74        767: {
75          perPage: 4,
76        },
77      },
78    })
79      .mount(window.splide.Extensions);
80  }
81
82  if (this.location.pathname === '/sponsor/') {
83    const splide9 = new Splide("#splide9", {
84      autoplay: true,
85      type: "fade",
86      rewind: true,
87      perPage: 1,
88      perMove: 1,
89      pauseOnHover: false,
90      pauseOnFocus: false,
91      interval: 4000,
92      speed: 1500,
93      arrows: false,
94      pagination: false,
95    })
96      .mount();
97  }
98
99  if (this.location.pathname === '/shopping/') {
100    const splide10 = new Splide("#splide10", {
101      autoplay: true,
102      type: 'fade',
103      rewind: true,
104      perPage: 1,
105      perMove: 1,
106      pauseOnHover: false,
107      pauseOnFocus: false,
108      interval: 5000,
109      speed: 2000,
110      arrows: false,
111      pagination: true,
112      classes: {
113        pagination: "splide__pagination p-ec-top__pagination", page: "splide__pagination__page p-ec-top__page",
114      },
115    })
116      .mount();
117  }
118
119});