https://yamaichi-hagane.jp/src/js/assets/l_home.js

1////////////////////////////////////////////////////
2//
3// Home Page
4//
5////////////////////////////////////////////////////
6////////////////////////////////////////////////////
7//
8// Slider
9//
10////////////////////////////////////////////////////
11$(function() {
12    var wiw = window.innerWidth;
13    var $slide = $(".int-fa-list")
14        .slick({
15            fade: true,
16            arrows: false,
17            dots: false,
18            autoplay: true,
19            autoplaySpeed: 3500,
20            infinite: true,
21            speed: 2500,
22        })
23        .on({
24            beforeChange: function(event, slick, currentSlide, nextSlide) {
25                $(".slick-slide", this).eq(currentSlide).addClass("preve-slide");
26                $(".slick-slide", this).eq(nextSlide).addClass("slide-animation");
27            },
28            afterChange: function() {
29                $(".preve-slide", this).removeClass("preve-slide slide-animation");
30            }
31        });
32        $slide.find(".slick-slide").eq(0).addClass("slide-animation");
33});
34////////////////////////////////////////////////////
35//
36// Fade-In / Text Fade-In
37//
38////////////////////////////////////////////////////
39$(window).on('load scroll',function(){
40    $('.fadein').each(function(){
41        var targetElement = $(this).offset().top;
42        var scroll = $(window).scrollTop();
43        var windowHeight = $(window).height();
44        if (scroll > targetElement - windowHeight + 0){
45            $(this).addClass('fdi-on');
46        }
47    });
48});
49$(window).on('load',function(){
50    var intCopyTextfi = $('#int-copy .textfi');
51    var intCopyZero = $('#int-copy .textfi .copy-zero').removeClass('fdi-on');
52    var intCopy1st = $('#int-copy .textfi .textfi-itm.copy-1st').removeClass('fdi-on');
53    var intCopy2nd = $('#int-copy .textfi .textfi-itm.copy-2nd').removeClass('fdi-on');
54    var intCatch = $('#int-catch .textfi .textfi-itm').removeClass('fdi-on');
55    var intFigItem = $('.int-fa-item').removeClass('fdi-on');
56    var glHeader = $('#gl-header.fadein').removeClass('fdi-on');
57
58    setTimeout(function(){
59        $(intCopyZero).removeClass("fdi-op");
60    },500);
61    setTimeout(function(){
62        $(intCopyZero).addClass("fdi-mt");
63    },1500);
64    setTimeout(function(){
65        $(intCopyZero).addClass("fdi-red");
66    },2000);
67    setTimeout(function(){
68        $(intCopyZero).addClass("fdi-on");
69        $(intCopy1st).addClass("fdi-on");
70    },3000);
71    setTimeout(function(){
72        $(intCopyTextfi).addClass("finish");
73        $(intCopy2nd).addClass("fdi-on");
74    },3500);
75    setTimeout(function(){
76        $(intCatch).addClass("fdi-on");
77    },4500);
78    setTimeout(function(){
79        $(intFigItem).addClass("fdi-on");
80        $(glHeader).addClass("fdi-on");
81    },5000);
82});