https://www.tac-school.co.jp/assets/top/js/script.js

1jQuery(function($) {
2
3  
4  if (window.matchMedia("(max-width: 767px)").matches) {
5	
6	$('.renew2025_kouza_top-mv .mainVisual-sp .slider')
7      .on("init", function () {
8        $('.slick-slide[data-slick-index="0"]').addClass("add-animation");
9      })
10      .slick({
11        fade: true,
12        autoplaySpeed: 8000,
13        speed: 6200,
14        infinite: true,
15        autoplay: true,
16        pauseOnFocus: false,
17        pauseOnHover: false,
18        arrows: false,
19      })
20      .on({
21        beforeChange: function (event, slick, currentSlide, nextSlide) {
22		  if(nextSlide > 0) { 
23            $(this).slick('slickSetOption', 'autoplaySpeed', 2500, true);
24		  }
25          $(".slick-slide", this).eq(nextSlide).addClass("add-animation");
26          $(".slick-slide", this).eq(currentSlide).addClass("remove-animation");
27        },
28        afterChange: function () {
29          $(".remove-animation", this).removeClass(
30            "remove-animation add-animation"
31        );
32      },
33    });
34	
35	const $tabs = $('.renew2025_kouza_top-courseList .tab-btn ul');
36	const $slider = $('.renew2025_kouza_top-courseList .tab-contents');
37	$tabs.slick({
38		arrows: false,
39		asNavFor: '.renew2025_kouza_top-courseList .tab-contents',
40		draggable: false,
41		focusOnSelect: true,
42		infinite: false,
43		swipe: false,
44		variableWidth: true,
45	});
46	$slider.slick({
47		arrows: false,
48		asNavFor: '.renew2025_kouza_top-courseList .tab-btn ul',
49		infinite: false,
50		touchThreshold: 10,
51		adaptiveHeight: true,
52	});
53	$tabs.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
54		const body_width = $(window).innerWidth();
55		const $active_tag = $('.renew2025_kouza_top-courseList .tab-btn [data-slick-index="' + nextSlide + '"]');
56		const active_tab_width = $active_tag.innerWidth();
57		const active_tab_position = $active_tag.position().left;
58		const scroll_left = active_tab_position - (body_width - active_tab_width) / 2;
59		$('.renew2025_kouza_top-courseList .tab-btn').animate({scrollLeft: scroll_left}, 300, 'swing');
60	});
61	
62    $('.renew2025_kouza_top-reasonSlider .slider').slick({
63	  autoplay: true,
64	  arrows:false
65    });
66	
67  } else {
68	
69    $('.renew2025_kouza_top-mv .mainVisual-pc .slider').slick({
70      autoplay: true,
71      autoplaySpeed: 0,
72      speed: 50000,
73      cssEase: 'linear',
74      arrows:false,
75      swipe: false,
76      infinite: true,
77      pauseOnFocus: false,
78      pauseOnHover: false
79    });
80	
81    $('.renew2025_kouza_top-reasonSlider .slider').slick({
82      autoplay: true,
83      arrows:true,
84      infinite: true,
85      slidesToShow: 5
86    });
87	
88  };
89
90  var topSlider = $('.renew2025_kouza_top-voiceSlider .slider');
91  topSlider.slick({
92    slidesToShow: 3,
93    autoplay: true,
94    dots: true,
95    responsive: [{
96      breakpoint: 768,
97      settings: {
98        slidesToShow: 1,
99        slidesToScroll: 1,
100        speed: 100
101      }
102    }]
103  });
104  topSlider.children('.slick-dots').append("<li class='autoplay-buttons' data-play='stop'></li>");
105  
106  $(".renew2025_kouza_top-voiceSlider .autoplay-buttons").on("click", function() {
107    if ($(this).attr("data-play") == "stop") {
108      $(this).parents(".slider").slick("slickPause");
109      $(this).attr('data-play', 'play')
110    } else if ($(this).data('play') == 'play') {
111      $(this).parents(".slider").slick("slickPlay");
112      $(this).attr('data-play', 'stop')
113    }
114  });
115
116  $('.renew2025_kouza_top-recommendSlider .slider').slick({
117    slidesToShow: 3,
118    slidesToScroll: 3,
119    responsive: [{
120      breakpoint: 768,
121      settings: {
122        slidesToShow: 1,
123        slidesToScroll: 1
124      }
125    }]
126  });
127  
128  // TAB
129  $('.renew2025_kouza_top-tab .tab-btn li').on('click', function(){
130    var index = $(this).parent('ul').find('li').index(this);
131    $(this).parents('.renew2025_kouza_top-tab').find('.tab-btn li').removeClass('active').eq(index).addClass('active');
132    $(this).parents('.renew2025_kouza_top-tab').find('.tab-panel').removeClass('active').eq(index).addClass('active');
133  });
134
135});