https://www.8tyo-no-yu.co.jp/js/wc.8tyo.js

1$(function(){
2  objectFitImages();
3  var _fx_item = $('.fx-all *,.fx');
4  _fx_item.each(function(){
5    $(this).css({opacity:'0',top:'50px'})
6  });
7
8  var topSlideLoaded= 0;
9  var topSlideCount = $('.top-slide-list img').length;
10  $('.top-slide-list img').each(function(){
11    var src = $(this).attr('src');
12    $('<img>').attr('src',src).on('load',function(){
13      topSlideLoaded++;
14    });
15  });
16  $('.top-slide-loading').show();
17  var topSlideTimer = setInterval(function(){
18
19    if((topSlideCount / topSlideLoaded) * 100 == 100){
20      clearInterval(topSlideTimer);
21      $('.top-slide-loading').delay(200).animate({
22        'opacity': 0
23      }, 200, function(){
24        $('.main-img-wrap').fadeIn(1000);
25        $('.top-slide-list').each(function(){
26          var self = $(this);
27          setInterval(function(){
28            self.find('li:first').animate(
29              {
30                'opacity': '0'
31              },{
32                duration: 3000,
33                easing: 'swing',
34                queue: false,
35                complete: function() {
36                  self.find('li:first').appendTo(self).delay(3000).removeClass('current');
37                }
38              }
39            );
40            self.find('li:first').next('li').addClass('current').animate(
41              {
42                'opacity':'1'
43              },{
44                duration: 3000,
45                easing: 'swing',
46                queue: false
47              }
48            );
49          },6000);
50        });
51      });
52    }
53  }, 2);
54
55  $(".youtube-link").colorbox({iframe:true, innerWidth:600,innerHeight:400,maxWidth:"100%",maxHeight:"100%"});
56  $(".iframe").colorbox({iframe:true, width:"90%", height:"90%"});
57  $(".single-img").colorbox();
58  $(".colorbox").colorbox({inline:true,maxWidth:"600px",innerWidth:"95%",maxHeight:"100%",opacity: 0.7});
59  $('a[href^=http]').not(":contains('.pdf')").each(function(i){
60    if(!$(this).attr("target")){
61      $(this).not('[href*="'+location.hostname+'"]').attr({target:"_blank"});
62    }
63  });
64  $('#blogBody img').removeAttr('width').removeAttr('height');
65  $('a[href*=".pdf"]').each(function(i){
66    if(!$(this).attr("target")){
67      $(this).attr({target:"_blank"});
68    }
69  });
70  $('.anker,.page-top').click(function(){
71    var href= $(this).attr("href");
72    var target = $(href == "#" || href == "" ? 'html' : href);
73    var linkPosition = target.offset().top;
74    if(target == "#top"){
75      linkPosition = 0;
76    }else{
77      linkPosition = linkPosition - 50;
78    }
79    $("html,body").animate({scrollTop:linkPosition},700,"swing");
80    return false;
81  });
82  var pTopBtn = $('.page-top');
83  var floatMenu = $('.floating-menu');
84  $(window).on('load resize scroll', function(){
85    var scrollPosition = $(window).scrollTop();
86    var footerHeight = $('footer').height();
87    var underPosition = $('#top').height() - (scrollPosition + $(window).height());
88    $('#headingArea .img-wrap').css({'top': (scrollPosition/2)})
89    $('#headingArea .h-area').css({'top': -(scrollPosition/3)})
90    if(scrollPosition > 0){
91      $('.floating-menu').addClass('active');
92    }else{
93      $('.floating-menu').removeClass('active');
94    }
95
96    $('.fx-done').each(function(){
97      if(scrollPosition > $(this).offset().top-($(window).height()-250)){
98        $(this).find(_fx_item).each(function(i){
99          $(this).delay(i*120).animate({opacity:'1',top:''}, 800, 'swing').addClass('active');
100
101        });
102
103      }
104    });
105  });
106  $('.overlay').on('click', function(){
107    menuCloseAction()
108  });
109  $('.toggle-menu-btn button').on('click', function(){
110    if($(this).hasClass('menu-active')){
111      menuCloseAction();
112    }else{
113      $("html,body").animate({scrollTop:$('header').offset().top},700,"swing");
114      $('.overlay').stop().fadeTo('800','1');
115      menuOpenAction();
116    }
117    return false;
118  });
119  $('.toggle-area .toggle-btn').click(function(){
120    $(this).parent().children('.toggle-item').animate({
121      'height': 'toggle'
122    });
123    $(this).parent().toggleClass("toggle-active");
124    return false;
125  });
126  $('.slick-area').not('.slick-initialized').slick({

127    arrows: false,
128    autoplay: true,
129    centerMode: true,
130    dots:true,
131    fade: true,
132    speed: 800,
133    cssEase: 'linear'
134  });
135  $('.slick-nodots').not('.slick-initialized').slick({
136    arrows: false,
137    autoplay: true,
138    centerMode: true,
139    dots:false,
140    fade: true,
141    speed: 800,
142    cssEase: 'linear'
143  });
144  $('.slick-arrowtype').not('.slick-initialized').slick({
145    arrows: true,
146    autoplay: true,
147    dots:false,
148    fade: true,
149    cssEase: 'linear'
150  });
151  $('.slick-multiple').not('.slick-initialized').slick({
152
153    infinite: true,
154    arrows: false,
155    dots: false,
156    autoplay: true,
157    autoplaySpeed: 3000,
158    speed: 800,
159    touchMove: true,
160    slidesToShow: 1,
161    slidesToScroll: 1,
162    centerMode: true,
163    centerPadding: '0',
164    variableWidth: true,
165    cssEase: 'linear',
166    responsive: [{
167      breakpoint: 680,
168      settings: {
169        variableWidth: false
170      }
171    }]
172  });
173  $(".slick-area").fadeIn();
174  $('.top-slide-scroll').on('click', function(){
175    $("html,body").animate({scrollTop:$('.top-slide-scroll').offset().top},700,"swing");
176    return false;
177  });
178  function menuOpenAction(){
179    $(".nav-off").fadeTo('800','1');
180    $('.toggle-menu-wrap').stop().animate({top:'0'}).fadeTo('200','1');
181    $('.toggle-menu-btn button').addClass('menu-active');
182    $('.floating-menu').addClass('on');
183  }
184  function menuCloseAction(){
185    $('#wrap').stop().css({height:'auto',position:'relative'});
186    $('.overlay').stop().fadeOut('200');
187    $('.toggle-menu-wrap').stop().animate({top:'-1000px'}).fadeOut('200');
188    $(".nav-off").stop().fadeOut('200');
189    $('.toggle-menu-btn button').removeClass('menu-active');
190    $('.floating-menu').removeClass('on');
191  }
192});