https://wellith.jp/js/page.js?250327

1$(window).on('load', function(){});
2$(document).ready(function(){
3    $(window).resize(check_is_sp);
4    check_is_sp();
5
6    carousels();
7
8
9    // キービジュアル
10    $('.mv-slider').slick({
11        autoplay: true,
12        arrows: false,
13        dots: true,
14        customPaging: function (slider, i) {
15            return '<button>' + ('0' + (i + 1)).slice(-2) + '</button>';
16        },
17        fade: true,
18        speed: 1000,
19        pauseOnHover: false
20    });
21
22    function setInfoHeight() {
23    const $info = $('.mv-slider .info');
24    if ($info.length === 0) return;
25
26    const height = $info.outerHeight();
27
28    // :rootに入れる場合
29    document.documentElement.style.setProperty('--info-height', height + 'px');
30    }
31
32    // 初回
33    $(window).on('load', function () {
34    setInfoHeight();
35    });
36
37    // リサイズ対応
38    let resizeTimer;
39    $(window).on('resize', function () {
40    clearTimeout(resizeTimer);
41    resizeTimer = setTimeout(function () {
42        setInfoHeight();
43    }, 200);
44    });
45
46
47    // PICK UP(おすすめ物件)
48    var pslide   = $('.pickup-slider').children();
49    var pslideLen = pslide.length;
50    $('.pickup-slider').slick({
51        infinite: true,
52        autoplay: true,
53        autoplaySpeed: 4000,
54        arrows: true,
55        dots: false,
56        slidesToShow: 4,
57        slidesToScroll: 1,
58        pauseOnHover: false,
59        prevArrow: '<a href="." class="slick-prev"><img src="../common/image/prev.svg" alt=""></a>',
60        nextArrow: '<a href="." class="slick-next"><img src="../common/image/next.svg" alt=""></a>',
61        responsive: [{
62          breakpoint: 768,
63          settings: {
64            infinite: true,
65            slidesToShow: 1,
66            centerMode: true,
67            centerPadding:'5%',
68            prevArrow: '<a href="." class="slick-prev"><img src="../common/image/prev_sp.svg" alt=""></a>',
69            nextArrow: '<a href="." class="slick-next"><img src="../common/image/next_sp.svg" alt=""></a>',
70          }
71        }]
72    })
73    .on('afterChange', function() {
74        var self = $(this);
75        var slideadj;
76        $(window).width() >= 768 ? slideadj = 4 : slideadj = 0;
77        if(((pslideLen - 1) - slideadj) <= self.slick('slickCurrentSlide')){
78            $(this).slick('slickGoTo', 0, false);
79        }
80    });
81
82    // FEATURE(特集)
83    $('.feature-slider').slick({
84        infinite: true,
85        autoplay: false,
86        arrows: true,
87        dots: false,
88        slidesToShow: 3,
89        slidesToScroll: 1,
90        pauseOnHover: false,
91        prevArrow: '<a href="." class="slick-prev"><img src="../common/image/prev.svg" alt=""></a>',
92        nextArrow: '<a href="." class="slick-next"><img src="../common/image/next.svg" alt=""></a>',
93        responsive: [{
94          breakpoint: 768,
95          settings: {
96            slidesToShow: 1,
97            centerMode: true,
98            centerPadding:'5%',
99            prevArrow: '<a href="." class="slick-prev"><img src="../common/image/prev_sp.svg" alt=""></a>',
100            nextArrow: '<a href="." class="slick-next"><img src="../common/image/next_sp.svg" alt=""></a>',
101          }
102        }]
103    });
104
105    // キービ内ニュースティッカー
106    $(window).on('load resize', function(){
107        $('.mv .top-news .list ol').bxSlider({
108            touchEnabled:false,
109            mode: 'vertical',
110            controls: false,
111            auto: 'true',
112            pager: false
113        });
114    });
115});
116function is_sp_change_callback() {
117    carousels();
118}
119var is_silck = false;
120function carousels(){
121    if(!is_sp){
122        if(is_silck){
123            $('section.pickup ul, section.brand > div:not(.outer) ul').slick('unslick');
124            is_silck = false;
125        }
126    } else {
127        if(!is_silck){
128            
129            $('section.brand > div:not(.outer) ul').slick({
130                infinite: true,
131                autoplay: false,
132                arrows: true,
133                dots: false,
134                slidesToShow: 1,
135                slidesToScroll: 1,
136                pauseOnHover: false,
137                centerMode: true,
138                centerPadding:'5%',
139                prevArrow: '<a href="." class="slick-prev"><img src="../common/image/prev_sp.svg" alt=""></a>',
140                nextArrow: '<a href="." class="slick-next"><img src="../common/image/next_sp.svg" alt=""></a>'
141            });
142            is_silck = true;
143        }
144    }
145}