https://www.daigasgroup.com/en/files/js/top.js

1// UTF-8
2
3//-------------------------------------------------------
4
5// preload
6
7//-------------------------------------------------------
8
9$(function(){
10  $(window).on('load',function(){
11    $("body").removeClass("preload");
12    setTimeout(function(){
13      $("#loading").addClass("completion");
14    },300);
15  });
16});
17
18
19//-------------------------------------------------------
20
21// TOP MV
22
23//-------------------------------------------------------
24
25$(function(){
26  $('.secMvSlide').slick( {
27    slidesToShow: 1,
28    slidesToScroll: 1,
29    fade: false,
30    dots: false,
31    centerMode: true,
32    centerPadding: '18%',
33    prevArrow:'<div class="arrow prev"><span class="icon-ico_slider_arrow_left"></span></div>',
34    nextArrow:'<div class="arrow next"><span class="icon-ico_slider_arrow_right"></span></div>',
35    responsive: [{
36      breakpoint: 1600,
37        settings: {
38          centerPadding: '13%',
39         }
40      }, {
41      breakpoint: 1024,
42        settings: {
43          centerPadding: '0',
44        }
45      }
46    ]}
47  );
48});
49
50
51//-------------------------------------------------------
52
53// loading_bar
54
55//-------------------------------------------------------
56
57$(function(){
58
59  var images = document.getElementsByTagName('img');
60  var loadingBar = document.getElementById('loading_bar');
61  var loadingWrap = document.getElementById('loading_barWrap');
62  var loadingArea = document.getElementById('loading');
63
64  var imgLen = images.length;
65  var barLen = 100 / imgLen;
66  console.log(barLen);
67  var barWidth = 0;
68
69  for (var i = 0; i < imgLen; i++) {
70    images[i].onload = function() {
71      barWidth = barWidth + barLen;
72      loadingBar.style.width = barWidth + '%';
73    }
74  }
75
76  function loadLen() {
77    if (!loadingArea.classList.contains('loadingNone')) {
78      if (loadingBar.clientWidth === loadingWrap.clientWidth) {
79        loadingArea.classList.add('loadingNone');
80      } else {
81        setTimeout(loadLen, 500);
82      }
83    }
84  }
85
86  // 100%にならなかった時用の処理
87  window.addEventListener('load', function(){
88    if (!loadingArea.classList.contains('loadingNone')) {
89      loadingBar.style.width = '100%';
90      setTimeout(function(){
91        loadingArea.classList.add('loadingNone');
92      }, 500);
93    }
94  });
95
96});