https://www.kyotoanimation.co.jp/js/top.js

1
2$(function() {
3	var history = $.cookie('fontSize');
4	var elm = $('body');
5	if (!history) {
6		elm.addClass('fontS');
7		$('#fontS').addClass('fontSCurrent');
8	} else {
9		elm.addClass(history);
10		$('#'+history).addClass(history+'Current');
11	}
12	$('li', '#globalHeaderFontChangeList').click(function() {
13		var setFontSize = this.id;
14		$.cookie('fontSize', setFontSize);
15		elm.removeClass().addClass(setFontSize);
16		$('#globalHeaderFontChangeList li').removeAttr('class');
17		$(this).addClass(setFontSize+'Current');
18	});
19	/*$('#mainVisual').slider({
20		ctrlSelector: '.mainVisuaMenuControl',
21		ctrlClick: true,
22		ctrlHover: false,
23		loop: true,
24		time: 20,
25		easing: 'swing'
26	});*/
27	$('#globalNavWrap').waypoint(function(event, direction) {
28		$(this).parent().toggleClass('sticky', direction === 'down');
29		event.stopPropagation();
30	});
31	$('.scrollable').scrollable({circular: true}).autoscroll({
32		interval: 5000
33	});
34	$('#mainVisualMenu li').mouseover(function() {
35		$(this).find('figcaption').css('bottom', '0');
36	}).mouseout(function(){
37		$(this).find('figcaption').css('bottom', '-100%');
38	});
39	$('.topSubContentLink').mouseover(function() {
40		$(this).not(':animated').fadeTo(200, 0.8);
41	}).mouseout(function() {
42		$(this).fadeTo(100, 1);
43	});
44	$('#footerSocialLink').mouseover(function() {
45		$(this).css({
46			right : '0',
47			opacity : '1'
48		});
49	}).mouseout(function() {
50		$(this).css({
51			right : '-140px',
52			opacity : '0.7'
53		});
54	});
55	/*$('#fadeIcon').cycle({
56		fx: 'fade',
57		timeout: 6000,
58		speed: 2000,
59		delay: -2000
60	});*/
61	$('a[href^="#"]').on('click',function(){
62		var speed = 600;
63		var href= $(this).attr("href");
64		var target = $(href == "#" || href == "" ? 'html' : href);
65		if( !$(target).get(0) ){ return false; }
66		var position = target.offset().top;
67		$("html, body").animate({scrollTop:position}, speed, "easeOutQuad");
68		return false;
69	});
70
71
72
73	//load event
74	jQuery.event.add(window,"load",function() {
75
76		//mainVisual slider
77		$('.sliderCtt').slick({
78			autoplay:true,
79			autoplaySpeed: 5000,
80			infinite: true,
81			slidesToShow: 1,
82			slidesToScroll: 1,
83			swipeToSlide: true,
84			easing: 'easeInOutQuad',
85			arrows: false,
86			centerMode: true,
87			centerPadding:'29%',
88			asNavFor: '.sliderNavCtt',
89			responsive: [{ breakpoint: 1600, settings: { centerPadding:'25%', }
90			},{ breakpoint: 1366, settings: { centerPadding:'21%', }
91			},{ breakpoint: 1000, settings: { centerPadding:'10%', }
92			}]
93		});
94		$('.sliderNavCtt').slick({
95			infinite: true,
96			slidesToShow: 7,
97			slidesToScroll: 1,
98			swipeToSlide: true,
99			centerMode: true,
100			asNavFor: '.sliderCtt',
101			focusOnSelect: true
102		});
103
104	});
105
106	$('.sliderCtt').on('init', function(){
107		$('.sliderContent').addClass('initialized');
108	});
109	$('.sliderNavCtt').on('init', function(){
110		$('.sliderNavContent').addClass('initialized');
111	});
112
113
114});