https://www.jointosetsubi.com/wp-content/themes/Template/assets/js/update.js?ver=5.8.17

1// アニメーション対応
2jQuery('.animate__animated').each(function ($el) {
3	var class_names = jQuery(this).attr("class").split(" ");
4	var $current_item = this;
5	if (class_names) {
6		var pattern = "animate__";
7		jQuery.each(class_names, function (index, class_name) {
8			if (class_name.indexOf(pattern) > -1) {
9				jQuery($current_item).removeClass(class_name);
10				var animation_settings = jQuery($current_item).attr("animation-settings");
11				if (animation_settings === undefined) {
12					animation_settings = "";
13				}
14				animation_settings += " " + class_name;
15				// console.log(animation_settings);
16
17				jQuery($current_item).attr("animation-settings", animation_settings);
18			}
19		});
20		// 初期表示時の荒れを防ぐため .animate__animated単体ではhiddenとなっている。
21		// is-standbyをつけることで表示される。
22		jQuery(this).addClass("is-standby");
23	}
24	jQuery(this).on('inview', function (event, isInView, visiblePartX, visiblePartY) {
25		var animation_settings = jQuery(this).attr("animation-settings");
26		// console.log(animation_settings);
27		if (isInView) {
28			//ブラウザの表示域に表示されたときに実行する処理
29			jQuery(this).addClass(animation_settings);
30		} else {
31			//要素が見えなくなったときに実行する処理
32			// $(this).removeClass(animation_settings);
33		}
34	});
35});
36
37
38// メインスライダーの１枚目のトランジションへの対応
39jQuery(function ($) {
40	var target = $('.main-image-inner.slider.zoomin .slick-slide[data-slick-index="0"]');
41	if (target.length > 0) {
42		target.addClass("slide-animation");
43		$('.main-image-inner.slider.zoomin').on({
44			beforeChange: function (event, slick, currentSlide, nextSlide) {
45				$(".slick-slide", this).eq(currentSlide).addClass("preve-slide");
46				$(".slick-slide", this).eq(nextSlide).addClass("slide-animation");
47			},
48			afterChange: function () {
49				$(".preve-slide", this).removeClass("preve-slide slide-animation");
50			}
51		});
52	}
53});