https://www.daiwalease.co.jp/js/index_new.js?ver=20200707

1var _flagAnim = 60, animPreload, mainSlider;
2var first_load = sessionStorage.getItem('first_load');
3window.isOnLoad = false;
4window.isAnimComplete = true;
5window.isImgSliderLoaded = 0;
6window.isMvSliderCompleted = false;
7window.isMvSliderNotCompleted = false;
8var uaNotLowerCase = window.navigator.userAgent;
9var isIE = /MSIE|Trident/.test(uaNotLowerCase); // check IE
10/*----- DOM構築後に実行 -----*/
11$(function () {
12    lazySlider();
13    preLoad();
14    slider();
15});
16
17/* ページ読み込み時 */
18$(window).on('load', function() {
19    window.isOnLoad = true;
20    if ( !window.isAnimComplete ) animPreload.play();
21});
22
23/* ============================================================
24Pre Load Animation
25============================================================ */
26function preLoad() {
27    if (($('#preload-logo').length > 0) && !window.location.hash && first_load === null) {
28        var params = {
29            container: document.getElementById('preload-logo'),
30            renderer: 'svg',
31            loop: false,
32            autoplay: true,
33            path: '/json/loading-image/data.json'
34        };
35
36        animPreload = lottie.loadAnimation(params);
37
38        animPreload.addEventListener("enterFrame", function (animation) {
39            if ((Math.round(animation.currentTime) >= _flagAnim) && !window.isOnLoad) {
40                animPreload.pause();
41                window.isAnimComplete = false;
42            }
43        });
44
45        animPreload.addEventListener('complete', function () {
46            animPreload.pause();
47
48            if ( window.isImgSliderLoaded > 2 ) {
49                $("#preload-logo").fadeOut(800);
50                setTimeout(function () {
51                    $("#preload").fadeOut(300);
52                    animPreload.stop();
53                    window.mvSlider();
54                }, 700);
55
56                sessionStorage.setItem("first_load", 1);
57            } else {
58                window.isMvSliderNotCompleted = true;
59            }
60           
61        });
62
63    } else {
64        if ( window.isImgSliderLoaded ) {
65            if ($('#preload').length > 0) $("#preload").fadeOut();
66            window.mvSlider();
67
68            sessionStorage.setItem("first_load", 1);
69        } else {
70            window.isMvSliderNotCompleted = true;
71        }
72    }
73};
74
75/* ============================================================
76Slider
77============================================================ */
78function lazySlider() {
79    $('.lazy-slide').Lazy({
80		combined: true,
81		delay: 300,
82		afterLoad: function(element) {
83            // called after an element was successfully handled
84            window.isImgSliderLoaded++;
85			if ( window.isImgSliderLoaded > 2 && window.isMvSliderNotCompleted && !window.isMvSliderCompleted ) {
86                if (($('#preload-logo').length > 0) && !window.location.hash && first_load === null) {
87                    $("#preload-logo").fadeOut(800);
88                    setTimeout(function () {
89                        $("#preload").fadeOut(300);
90                        animPreload.stop();
91                        window.mvSlider();
92                    }, 700);
93
94                    sessionStorage.setItem("first_load", 1);
95                } else {
96                    if ($('#preload').length > 0) $("#preload").fadeOut();
97                    window.mvSlider();
98                }
99            }
100        },
101	});
102}
103
104window.mvSlider = function() {
105    var interleaveOffset = 0.5;
106    var ua = navigator.userAgent.toLowerCase(); 
107    if ( (ua.indexOf('safari') != -1 && ua.indexOf('chrome') <= -1) || isIE ) { 
108        mainSlider = new Swiper('.js_mv_slider', {
109            loop: true,
110            speed: 1000,
111            grabCursor: true,
112            watchSlidesProgress: true,
113            mousewheelControl: true,
114            keyboardControl: true,
115            // effect: 'fade',
116            autoplay: {
117                delay: 6000,
118                disableOnInteraction: false,
119            },
120            // // Disable preloading of all images
121            // preloadImages: false,
122            // // Enable lazy loading
123            // lazy: true,
124            pagination: {
125                el: '.swiper-pagination',
126                clickable: true,
127            }
128        });
129    } else {
130        mainSlider = new Swiper('.js_mv_slider', {
131            loop: true,
132            speed: 1000,
133            grabCursor: true,
134            watchSlidesProgress: true,
135            mousewheelControl: true,
136            keyboardControl: true,
137            // effect: 'fade',
138            autoplay: {
139                delay: 6000,
140                disableOnInteraction: false,
141            },
142            // // Disable preloading of all images
143            // preloadImages: false,
144            // // Enable lazy loading
145            // lazy: true,
146            pagination: {
147                el: '.swiper-pagination',
148                clickable: true,
149            },
150            on: {
151                progress: function() {
152                    var swiper = this;
153                    for (var i = 0; i < swiper.slides.length; i++) {
154                        var slideProgress = swiper.slides[i].progress;
155                        var innerOffset = swiper.width * interleaveOffset;
156                        var innerTranslate = slideProgress * innerOffset;
157                        swiper.slides[i].querySelector(".slide-inner").style.transform =
158                        "translate3d(" + innerTranslate + "px, 0, 0)";
159                    }
160                },
161                touchStart: function() {
162                    var swiper = this;
163                    for (var i = 0; i < swiper.slides.length; i++) {
164                        swiper.slides[i].style.transition = "";
165                    }
166                },
167                setTransition: function(speed) {
168                    var swiper = this;
169                    for (var i = 0; i < swiper.slides.length; i++) {
170                        swiper.slides[i].style.transition = speed + "ms";
171                        swiper.slides[i].querySelector(".slide-inner").style.transition =
172                        speed + "ms";
173                    }
174                }
175            }
176        });
177    }
178
179    mainSlider.on('slideChange', function () {
180        $('.lazy-slide').lazy({
181            bind: "event"
182        });
183    });

184
185    window.isMvSliderCompleted = true;
186}
187
188function slider() {
189    var eventSlider1 = new Swiper('.js-event-slider1', {
190        slidesPerView: 1,
191        spaceBetween: 0,
192        centeredSlides: true,
193        loop: true,
194        /*
195        autoplay: {
196            delay: 3000,
197            disableOnInteraction: false
198        },
199        */
200        centeredSlides: false,
201        navigation: {
202            nextEl: '.event1 .swiper-button-next',
203            prevEl: '.event1 .swiper-button-prev',
204        },
205        // Disable preloading of all images
206        preloadImages: false,
207        // Enable lazy loading
208        lazy: true,
209        breakpoints: {
210            767: {
211                slidesPerView: 4,
212                spaceBetween: 20,
213                centeredSlides: false
214            }
215        }
216    });
217
218    var eventSlider2 = new Swiper('.js-event-slider2', {
219        slidesPerView: 1,
220        spaceBetween: 0,
221        centeredSlides: true,
222        loop: true,
223        centeredSlides: false,
224        navigation: {
225            nextEl: '.event2 .swiper-button-next',
226            prevEl: '.event2 .swiper-button-prev',
227        },
228        // Disable preloading of all images
229        preloadImages: false,
230        // Enable lazy loading
231        lazy: true,
232        breakpoints: {
233            767: {
234                slidesPerView: 4,
235                spaceBetween: 20,
236                centeredSlides: false
237            }
238        }
239    });
240
241    var eventSlider3 = new Swiper('.js-event-slider3', {
242        slidesPerView: 1,
243        spaceBetween: 0,
244        loop: true,
245        centeredSlides: false,
246        navigation: {
247            nextEl: '.js-event-slider3 .swiper-button-next',
248            prevEl: '.js-event-slider3 .swiper-button-prev',
249        },
250        // Disable preloading of all images
251        preloadImages: true,
252        // Enable lazy loading
253        lazy: true,
254        pagination: {
255            el: '.swiper-pagination',
256            clickable: true,
257        },
258        breakpoints: {
259            767: {
260                slidesPerView: 3.2,
261                spaceBetween: 20,
262                centeredSlides: false
263            },
264            1000: {
265                slidesPerView: 4.2,
266                spaceBetween: 20,
267                centeredSlides: false
268            },
269            1400: {
270                slidesPerView: 5.3,
271                spaceBetween: 20,
272                centeredSlides: false
273            }
274        }
275    });
276}