https://www.arshome.co.jp/wp-content/themes/arshome/top/js/swiper.js?260515000017

1const mySwiper01 = new Swiper('.swiper-top01', {
2  // Optional parameters
3  loop: true,
4  slidesPerView: 1,
5  centeredSlides: true,
6  effect: "fade",
7
8  // If we need pagination
9  pagination: {
10    el: '.swiper-pagination',
11  },
12
13});
14
15
16
17//=================================================================
18// secExhibition
19//=================================================================
20
21document.addEventListener('DOMContentLoaded', function () {
22    document.querySelectorAll('.js-swiper-section').forEach(function (sectionElement) {
23
24        var swiperElement = sectionElement.querySelector('.exhibitionSwiper');
25        var nextBtnElement = sectionElement.querySelector('.swiper-button-next-c');
26        var prevBtnElement = sectionElement.querySelector('.swiper-button-prev-c');
27        var scrollbarElement = sectionElement.querySelector('.swiper-scrollbar');
28
29        if (!swiperElement) return;
30
31        // ボタン表示切替ロジック（.js-swiper-event 分岐なし）
32        function updateNavVisibility(swiper) {
33            var slideCount = swiper.slides.length;
34            var isPC = window.innerWidth >= 768;
35
36            // PC: 3枚以下なら非表示 / SP: 1枚以下なら非表示
37            var shouldHide = isPC ? (slideCount <= 3) : (slideCount <= 1);
38
39            var displayStyle = shouldHide ? 'none' : 'flex';
40            if (prevBtnElement) prevBtnElement.style.display = displayStyle;
41            if (nextBtnElement) nextBtnElement.style.display = displayStyle;
42        }
43
44        var swiper = new Swiper(swiperElement, {
45            // SPはデフォルトで1枚
46            slidesPerView: 1.05,
47            spaceBetween: 10,
48
49            breakpoints: {
50                768: {
51                    slidesPerView: 2,
52                    spaceBetween: 24,
53                },
54                1024: {
55                    slidesPerView: 2,
56                    spaceBetween: 24,
57                },
58            },
59            scrollbar: {
60                el: scrollbarElement,
61                hide: false,
62                draggable: true,
63            },
64            navigation: {
65                nextEl: nextBtnElement,
66                prevEl: prevBtnElement,
67            },
68            on: {
69                init: function (swiper) {
70                    updateNavVisibility(swiper);
71                },
72                resize: function (swiper) {
73                    updateNavVisibility(swiper);
74                }
75            }
76        });
77    });
78});
79
80
81
82//=================================================================
83// secWorks
84//=================================================================
85
86document.addEventListener('DOMContentLoaded', function () {
87    document.querySelectorAll('.js-swiper-section').forEach(function (sectionElement) {
88
89        var swiperElement = sectionElement.querySelector('.mySwiper');
90        var nextBtnElement = sectionElement.querySelector('.swiper-button-next-c');
91        var prevBtnElement = sectionElement.querySelector('.swiper-button-prev-c');
92        var scrollbarElement = sectionElement.querySelector('.swiper-scrollbar');
93
94        if (!swiperElement) return;
95
96        // ボタン表示切替ロジック（.js-swiper-event 分岐なし）
97        function updateNavVisibility(swiper) {
98            var slideCount = swiper.slides.length;
99            var isPC = window.innerWidth >= 768;
100
101            // PC: 3枚以下なら非表示 / SP: 1枚以下なら非表示
102            var shouldHide = isPC ? (slideCount <= 3) : (slideCount <= 1);
103
104            var displayStyle = shouldHide ? 'none' : 'flex';
105            if (prevBtnElement) prevBtnElement.style.display = displayStyle;
106            if (nextBtnElement) nextBtnElement.style.display = displayStyle;
107        }
108
109        var swiper = new Swiper(swiperElement, {
110            // SPはデフォルトで1枚
111            slidesPerView: 1.5,
112            spaceBetween: 10,
113
114            breakpoints: {
115                768: {
116                    slidesPerView: 3,
117                    spaceBetween: 32,
118                },
119                1024: {
120                    slidesPerView: 4,
121                    spaceBetween: 32,
122                },
123            },
124            scrollbar: {
125                el: scrollbarElement,
126                hide: false,
127                draggable: true,
128            },
129            navigation: {
130                nextEl: nextBtnElement,
131                prevEl: prevBtnElement,
132            },
133            on: {
134                init: function (swiper) {
135                    updateNavVisibility(swiper);
136                },
137                resize: function (swiper) {
138                    updateNavVisibility(swiper);
139                }
140            }
141        });
142    });
143});
144
145
146
147//=================================================================
148// secInterview
149//=================================================================
150
151document.addEventListener('DOMContentLoaded', function () {
152    document.querySelectorAll('.js-swiper-section').forEach(function (sectionElement) {
153
154        var swiperElement = sectionElement.querySelector('.interviewSwiper');
155        var nextBtnElement = sectionElement.querySelector('.swiper-button-next-c');
156        var prevBtnElement = sectionElement.querySelector('.swiper-button-prev-c');
157        var scrollbarElement = sectionElement.querySelector('.swiper-scrollbar');
158
159        if (!swiperElement) return;
160
161        // ボタン表示切替ロジック（.js-swiper-event 分岐なし）
162        function updateNavVisibility(swiper) {
163            var slideCount = swiper.slides.length;
164            var isPC = window.innerWidth >= 768;
165
166            // PC: 3枚以下なら非表示 / SP: 1枚以下なら非表示
167            var shouldHide = isPC ? (slideCount <= 3) : (slideCount <= 1);
168
169            var displayStyle = shouldHide ? 'none' : 'flex';
170            if (prevBtnElement) prevBtnElement.style.display = displayStyle;
171            if (nextBtnElement) nextBtnElement.style.display = displayStyle;
172        }
173
174        var swiper = new Swiper(swiperElement, {
175            // SPはデフォルトで1枚
176            slidesPerView: 1.05,
177                    spaceBetween: 10,
178
179            breakpoints: {
180                768: {
181                    slidesPerView: 3,
182                    spaceBetween: 32,
183                },
184                1024: {
185                    slidesPerView: 3,
186                    spaceBetween: 32,
187                },
188            },
189            scrollbar: {
190                el: scrollbarElement,
191                hide: false,
192                draggable: true,
193            },
194            navigation: {
195                nextEl: nextBtnElement,
196                prevEl: prevBtnElement,
197            },
198            on: {
199                init: function (swiper) {
200                    updateNavVisibility(swiper);
201                },
202                resize: function (swiper) {
203                    updateNavVisibility(swiper);
204                }
205            }
206        });
207    });
208});
209
210
211//=================================================================
212// secOpenHouse
213//=================================================================
214
215document.addEventListener('DOMContentLoaded', function () {
216    document.querySelectorAll('.js-swiper-section').forEach(function (sectionElement) {
217
218        var swiperElement = sectionElement.querySelector('.openhouseSwiper');
219        var nextBtnElement = sectionElement.querySelector('.swiper-button-next-c');
220        var prevBtnElement = sectionElement.querySelector('.swiper-button-prev-c');
221        var scrollbarElement = sectionElement.querySelector('.swiper-scrollbar');
222
223        if (!swiperElement) return;
224
225        // ボタン表示切替ロジック（.js-swiper-event 分岐なし）
226        function updateNavVisibility(swiper) {
227            var slideCount = swiper.slides.length;
228            var isPC = window.innerWidth >= 768;
229
230            // PC: 3枚以下なら非表示 / SP: 1枚以下なら非表示
231            var shouldHide = isPC ? (slideCount <= 3) : (slideCount <= 1);
232
233            var displayStyle = shouldHide ? 'none' : 'flex';
234            if (prevBtnElement) prevBtnElement.style.display = displayStyle;
235            if (nextBtnElement) nextBtnElement.style.display = displayStyle;
236        }
237
238        var swiper = new Swiper(swiperElement, {
239            // SPはデフォルトで1枚
240            slidesPerView: 1.05,
241                    spaceBetween: 10,
242
243            breakpoints: {
244                768: {
245                    slidesPerView: 3,
246                    spaceBetween: 32,
247                },
248                1024: {
249                    slidesPerView: 3,
250                    spaceBetween: 32,
251                },
252            },
253            scrollbar: {
254                el: scrollbarElement,
255                hide: false,
256                draggable: true,
257            },
258            navigation: {
259                nextEl: nextBtnElement,
260                prevEl: prevBtnElement,
261            },
262            on: {
263                init: function (swiper) {
264                    updateNavVisibility(swiper);
265                },
266                resize: function (swiper) {
267                    updateNavVisibility(swiper);
268                }
269            }
270        });
271    });
272});