https://www.rand.co.jp/recruit/js/top.js

1'use strict';
2
3{
4  {
5    const swiper = new Swiper('.interview__list_wrap', {
6      slidesPerView: 'auto',
7
8      loop: true,
9      speed: 800,
10      pagination: {
11        el: '.interview__pagination',
12        type: 'progressbar',
13      },
14      navigation: {
15        nextEl: '.interview__link--next',
16        prevEl: '.interview__link--prev',
17      },
18    });
19  }
20  {
21    /*====================================================
22    CROSS_TALK SWIPER
23    ====================================================*/
24    // const breakPoint = 767; // ブレークポイントを設定
25    // let swiperInstance; // Swiperインスタンスを格納する変数
26    // let swiperEnabled = false; // Swiperが有効化されているかのフラグ
27
28    // const createSwiper = () => {
29    //   const swiperElement = document.querySelector('.cross_talk__list_wrap');
30    //   if (swiperElement) {
31    //     swiperInstance = new Swiper(swiperElement, {
32    //       slidesPerView: 'auto',
33    //       speed: 800,
34    //       pagination: {
35    //         el: '.cross_talk__list_pagenation',
36    //         type: 'progressbar',
37    //       },
38    //     });
39    //     swiperEnabled = true;
40    //   }
41    // };
42
43    // const destroySwiper = () => {
44    //   if (swiperInstance) {
45    //     swiperInstance.destroy(true, true);
46    //     swiperInstance = null;
47    //     swiperEnabled = false;
48    //   }
49    // };
50
51    // const checkSwiper = () => {
52    //   if (window.innerWidth <= breakPoint && !swiperEnabled) {
53    //     createSwiper();
54    //   } else if (window.innerWidth > breakPoint && swiperEnabled) {
55    //     destroySwiper();
56    //   }
57    // };
58
59    // window.addEventListener('load', checkSwiper);
60    // window.addEventListener('resize', checkSwiper);
61  }
62}