https://greenland-resort.com/park/app/wp-content/themes/greenland2019/assets/js/slider-home2026.js

1import {Splide} from './module/splide.esm.js';
2
3(function() {
4  // 最新ニュース
5  const splideInfo = new Splide(
6    '.js-splide-home-latest',
7    {
8      mediaQuery: 'max',
9      autoplay: true,
10      autoWidth: true,
11      type: 'loop',
12      perPage: 3,
13      perMove: 1,
14      gap: '80px',
15      interval: 3000,
16      speed: 1000,
17      pagination: true,
18      focus: 'center',
19      updateOnMove: true,
20      breakpoints: {
21        1440: {
22          gap: 'calc(80 / 1440 * 100vw)',
23        },
24
25        768: {
26          perPage: 1,
27          gap: 'calc(40 / 750 * 100vw)',
28        }
29      },
30    }
31  );
32
33  splideInfo.mount();
34
35  // お知らせ
36  const splideNews = new Splide(
37    '.js-splide-home-news',
38    {
39      mediaQuery: 'max',
40      autoplay: true,
41      type: 'loop',
42      perPage: 3,
43      perMove: 1,
44      gap: '45px',
45      interval: 3000,
46      speed: 1000,
47      pagination: false,
48      breakpoints: {
49        1240: {
50          gap: 'calc(45 / 1240 * 100vw)',
51        },
52
53        768: {
54          perPage: 2,
55          gap: 'calc(40 / 750 * 100vw)',
56        }
57      },
58    }
59  );
60
61  splideNews.mount();
62
63})();