https://www.nansuikaku.com/wp/wp-content/themes/nansuikaku2026/assets/js/home.js

1
2$(function () {
3	//ブレークポイント設定
4	const breakpoint = 810;
5	
6	$('#main_slide .slide').slick({
7		infinite: true,
8		slidesToShow: 1,
9		slidesToScroll: 1,
10		arrows: false,
11		dots: false,
12		fade: true,
13		speed: 2000,
14		autoplaySpeed: 4000,
15		autoplay: true,
16		pauseOnFocus: false,
17		pauseOnHover: false,
18	});
19    //ロード時の高さで固定
20	setTimeout(function() {
21		if ($('body').hasClass('is_tablet')) {
22			var vh = window.innerHeight * 0.01;
23			document.documentElement.style.setProperty('--vh', vh + 'px');
24			$('#main_slide .slide_item').css('height', 'calc(var(--vh) * 100)');
25		}
26	},500);
27
28	
29	$('#news_slide').slick({
30		infinite: true,
31		slidesToShow: 1,
32		slidesToScroll: 1,
33		arrows: false,
34		dots: false,
35		fade: false,
36		speed: 800,
37		autoplaySpeed: 4000,
38		autoplay: true,
39		pauseOnFocus: false,
40		pauseOnHover: false,
41		vertical: true,
42		verticalSwiping: true,
43	});
44	
45	$('#onsen_slide').slick({
46		asNavFor: '#onsen_slide_thumb',
47		infinite: true,
48		slidesToShow: 1,
49		slidesToScroll: 1,
50		arrows: false,
51		dots: false,
52		fade: true,
53		speed: 1000,
54		autoplaySpeed: 4600,
55		autoplay: true,
56		pauseOnFocus: false,
57		pauseOnHover: false,
58	});
59	
60	$('#onsen_slide_thumb').slick({
61		asNavFor: '#onsen_slide',
62		infinite: false,
63		slidesToShow: 3,
64		slidesToScroll: 1,
65		arrows: false,
66		dots: false,
67		speed: 1000,
68		autoplaySpeed: 4600,
69		autoplay: true,
70		pauseOnFocus: false,
71		pauseOnHover: false,
72		focusOnSelect: true,
73		vertical: true,
74		responsive: [
75			{
76				breakpoint: 811,
77				settings: {
78					slidesToShow: 6,
79					vertical: false,
80				}
81			},
82		]
83	});
84
85	$('#cuisine_slide').slick({
86		infinite: true,
87		centerMode: true,
88		centerPadding: '12%',
89		slidesToShow: 1,
90		slidesToScroll: 1,
91		arrows: true,
92		dots: true,
93		speed: 1000,
94		autoplaySpeed: 4600,
95		autoplay: true,
96		pauseOnFocus: false,
97		pauseOnHover: false,
98		responsive: [
99			{
100				breakpoint: 811,
101				settings: {
102					centerPadding: '6%',
103				}
104			},
105		]
106	});
107
108	$('#cuisine_slide02').slick({
109		infinite: false,
110		slidesToShow: 4,
111		slidesToScroll: 1,
112		arrows: false,
113		dots: false,
114		speed: 1000,
115		autoplaySpeed: 4600,
116		autoplay: true,
117		pauseOnFocus: false,
118		pauseOnHover: false,
119		responsive: [
120			{
121				breakpoint: 811,
122				settings: {
123					infinite: true,
124					autoplay: true,
125					slidesToShow: 2,
126					speed: 800,
127				}
128			},
129			{
130				breakpoint: 480,
131				settings: {
132					infinite: true,
133					autoplay: true,
134					slidesToShow: 2,
135					speed: 800,
136				}
137			},
138		]
139	});
140
141	$('#room_slide').slick({
142		infinite: false,
143		slidesToShow: 5,
144		slidesToScroll: 1,
145		arrows: false,
146		dots: false,
147		speed: 1000,
148		autoplaySpeed: 4600,
149		autoplay: true,
150		pauseOnFocus: false,
151		pauseOnHover: false,
152		responsive: [
153			{
154				breakpoint: 811,
155				settings: {
156					infinite: true,
157					autoplay: true,
158					speed: 800,
159					slidesToShow: 2,
160					centerMode: true,
161					centerPadding: '15%',
162				}
163			},
164			{
165				breakpoint: 480,
166				settings: {
167					infinite: true,
168					autoplay: true,
169					speed: 600,
170					slidesToShow: 1,
171					centerMode: true,
172					centerPadding: '20%',
173				}
174			},
175		]
176	});
177	
178	$('#plan_slide').slick({
179		infinite: true,
180		slidesToShow: 1,
181		slidesToScroll: 1,
182		arrows: true,
183		dots: true,
184		fade: false,
185		speed: 800,
186		autoplaySpeed: 4000,
187		autoplay: true,
188		pauseOnFocus: false,
189		pauseOnHover: false,
190		responsive: [
191			{
192				breakpoint: 480,
193				settings: {
194				}
195			},
196		]
197	});
198	
199	$('#daytrip_plan_slide').slick({
200		infinite: true,
201		slidesToShow: 1,
202		slidesToScroll: 1,
203		arrows: true,
204		dots: true,
205		fade: false,
206		speed: 800,
207		autoplaySpeed: 4000,
208		autoplay: true,
209		pauseOnFocus: false,
210		pauseOnHover: false,
211		responsive: [
212			{
213				breakpoint: 480,
214				settings: {
215				}
216			},
217		]
218	});
219	
220});