https://natural-kitchen.jp/wordpress/assets/themes/naturalkitchen/assets/js/index.js?ver=2.4.5

1var sliderCount;
2
3( function ( $ ) {
4	'use strict';
5
6  $(window).load(function(){
7    // svgのフェードインアニメーション
8  $('.fade-item').each(function(i, e){
9    $(e).attr('xlink:href', $(e).attr('data-original'));
10  });
11  setInterval(function(){
12    $('.fade-item:eq('+ sliderCount +')').fadeOut(1000, function() {
13      sliderCount--;
14      if (sliderCount < 0) {
15        sliderCount = 6;
16        $('.fade-item').css('display', 'block');
17      }
18    }
19  );
20  }, 6000);  // function, 6000ms
21  sliderCount = 6;
22  });
23
24  $(document).ready(function(){
25    changeSvgSize();
26    $('.slick-coordinate-xs').slick({
27      dots: false,
28      infinite: true,
29      autoplay: true,
30      autoplaySpeed: 5000,
31      speed: 700,
32      slidesToShow: 1,
33      adaptiveHeight: true,
34      centerMode: true,
35      centerPadding: '40px'
36    });
37    $('.slick-coordinate').slick({
38      // 1ばんデカイの
39      dots: false,
40      infinite: true,
41      autoplay: true,
42      autoplaySpeed: 5000,
43      speed: 700,
44      slidesToShow: 1,
45      adaptiveHeight: true,
46    });
47    // $('.slick-release-detail').slick({
48    //   // 販売予告の本文
49    //   dots: false,
50    //   infinite: true,
51    //   arrows: false,
52    //   autoplay: false,
53    //   slidesToShow: 1,
54    //   pauseOnHover: false,
55    //   draggable: false
56    // });
57    // $('.slick-coordinate').on('beforeChange', function(event, slick,currentSlide,nextSlide) {
58    //   // console.log(slick, currentSlide, nextSlide)
59    //   $('.slick-release-detail').slick('slickGoTo', nextSlide);
60    // });
61    $('.slick-news').slick({
62      dots: false,
63      infinite: true,
64      autoplay: true,
65      autoplaySpeed: 5000,
66      speed: 400,
67      slidesToShow: 4,
68      slidesToScroll: 1,
69      centerMode: false,
70      responsive: [
71        {
72          breakpoint: 972,
73          settings: {
74              slidesToShow: 3,
75          }
76        },
77        {
78          breakpoint: 576,
79          settings: {
80              slidesToShow: 1,
81              centerMode: true,
82          }
83        }
84      ]
85    });
86    $('.slick-events').slick({
87      dots: false,
88      infinite: true,
89      autoplay: true,
90      autoplaySpeed: 5000,
91      speed: 400,
92      slidesToShow: 4,
93      slidesToScroll: 1,
94      centerMode: false,
95      responsive: [
96        {
97          breakpoint: 972,
98          settings: {
99              slidesToShow: 3,
100          }
101        },
102          {
103              breakpoint: 576,
104              settings: {
105                  slidesToShow: 1,
106                  centerMode: true,
107              }
108          }
109      ]
110    });
111    $('.slick-items').slick({
112      dots: false,
113      infinite: true,
114      autoplay: true,
115      autoplaySpeed: 5000,
116      speed: 400,
117      slidesToShow: 4,
118      slidesToScroll: 1,
119      centerMode: false,
120      responsive: [
121          {
122              breakpoint: 768,
123              settings: {
124                  slidesToShow: 1,
125                  centerMode: true,
126              }
127          }
128      ]
129  });
130
131  $('.scroll-to').click(function(){
132    var anchor = $(this).attr('data-anchor');
133    if (anchor == '#top') {
134      var top = 0;
135    }
136    else {
137      var top = $(anchor).offset().top - 80;
138    }
139    // console.log('top: ' + anchor);
140    $('html, body').animate({scrollTop: top}, 'slow');
141      return false;
142    });
143  });
144
145  // ウインドウのリサイズに対応
146  var timer = false;
147  $(window).resize(function() {
148    if (timer !== false) {
149        clearTimeout(timer);
150    }
151    timer = setTimeout(function () {
152        changeSvgSize();
153    }, 200);
154  });
155
156  $(window).scroll(function () {
157    var windowHeight = $(window).height();
158    if ($(this).scrollTop() > windowHeight - 120) {
159        $('.nav-index').addClass('available');
160    } else {
161        $('.nav-index').removeClass('available');
162    }
163  });
164
165  // SVGのサイズ変更
166  function changeSvgSize() {
167    var w = $(window).width();
168    var h = $(window).height();
169    // w: 1140 820;
170    // タテヨコ判定
171    if (w/h > 1140/820) {
172        // 横長、タテをhにあわせて、左右を広げる
173        var nW = h/820 * 1140;
174        var padding = Math.floor((w-nW)*0.5);
175        $('#svg-wrapper').css({'width': nW, 'height': h});
176        $('#svg-wrapper').parent().css('padding', '0 '+ padding + 'px');
177    }
178    else {
179        // タテ長、ヨコをwにあわせて、天地を広げる
180        var nH = w/1140 * 820;
181        var padding = Math.floor((h-nH)*0.5);
182        $('#svg-wrapper').css({'width': w, 'height': nH});
183        $('#svg-wrapper').parent().css('padding', padding + 'px 0');
184    }
185    $('#svg-wrapper').removeClass('prepare');
186  }
187
188
189}( jQuery ) );