https://kakegurui.jp/assets/js/common.js

1/*-----------------------------------------
2** NAV
3-----------------------------------------*/
4$(function(){
5	//SP, HUMBERGER
6	$('.menu-trigger').on('click', function(){
7		$(this).toggleClass('active');
8		$('.__nav').toggleClass('__open');
9	});
10	$('.__nav ul li a').on('click', function(){
11		$('.menu-trigger').toggleClass('active');
12		$('.__nav').toggleClass('__open');
13	});
14});
15
16/*-----------------------------------------
17** load
18-----------------------------------------*/
19$(function(){
20	$('.__loadingWrap img').delay(500).fadeOut(600);
21	$('.__loadingWrap').delay(800).fadeOut(600);
22});
23
24
25/*-----------------------------------------
26** TRAILER
27-----------------------------------------*/
28$(function(){
29	$('.__trailer').colorbox({
30		iframe       :true,
31		width        :'100%',
32		height       :'100%',
33		scrolling    :false,
34		fixed        :true,
35		opacity      :0.8,
36		fixed        :true,
37		speed        :250
38	});
39});
40
41
42/*-----------------------------------------
43** NEWS, PRODUCTION NOTE, CAST, STAFF
44-----------------------------------------*/
45__modal();
46$(window).resize(function() {
47	__modal();
48});
49function __modal(){
50	var wid = $(window).width();
51	//CAST
52	if( wid < 768 ){
53		$('.__news,.__cast-modal,.__music-modal').colorbox({
54			iframe       :true,
55			innerWidth   :'100%',
56			height       :'100%',
57			scrolling    :true,
58			opacity      :0.8,
59			fixed        :true,
60			transition   :'elastic',
61			onOpen: function(){
62				$('body').css({
63					'overflow-y': 'hidden'
64				});
65			},
66			onCleanup: function() {
67				$('body').css({
68					'overflow-y': 'auto'
69				});
70			}
71		});
72	}else{
73		$('.__news').colorbox({
74			iframe       :true,
75			width        :'90%',
76			height       :'90%',
77			scrolling    :true,
78			opacity      :0.8,
79			fixed        :true,
80			transition   :'elastic',
81			onOpen: function(){
82				$('body').css({
83					'overflow-y': 'hidden'
84				});
85			},
86			onCleanup: function() {
87				$('body').css({
88					'overflow-y': 'auto'
89				});
90			}
91		});
92		$('.__cast-modal').colorbox({
93			iframe       :true,
94			width        :640,
95			height       :'95%',
96			maxHeight	 :700,
97			scrolling    :true,
98			opacity      :0.8,
99			fixed        :true,
100			transition   :'elastic',
101			onOpen: function(){
102				$('body').css({
103					'overflow-y': 'hidden'
104				});
105			},
106			onCleanup: function() {
107				$('body').css({
108					'overflow-y': 'auto'
109				});
110			}
111		});
112		$('.__music-modal').colorbox({
113			iframe       :true,
114			width        :964,
115			height       :'80%',
116			maxHeight	 :800,
117			scrolling    :true,
118			opacity      :0.8,
119			fixed        :true,
120			transition   :'elastic',
121			onOpen: function(){
122				$('body').css({
123					'overflow-y': 'hidden'
124				});
125			},
126			onCleanup: function() {
127				$('body').css({
128					'overflow-y': 'auto'
129				});
130			}
131		});
132	};
133	
134};
135
136
137/*-----------------------------------------
138** page scroll
139-----------------------------------------*/
140$(function(){
141	$('a[href^="#"]').on('click', function() {
142		var speed = 700;
143		var href= $(this).attr("href");
144		var target = $(href == "#" || href == "" ? 'html' : href);
145		var position = target.offset().top - 0;
146		$('body,html').animate({scrollTop:position}, speed, 'easeOutCirc');
147		return false;
148	});
149});
150
151/*-----------------------------------------
152** PC, SP img change
153-----------------------------------------*/
154//$(imgChange);
155imgChange();
156$(window).resize(function(){
157	//$(imgChange);
158	imgChange();
159});
160function imgChange(){
161	var wid = $(window).width();
162	if( wid < 768 ){
163		$('.imgChange').each(function(){
164			$(this).attr("src",$(this).attr("src").replace('_pc', '_sp'));
165		});
166	}else{
167		$('.imgChange').each(function(){
168			$(this).attr("src",$(this).attr("src").replace('_sp', '_pc'));
169		});
170	}
171};
172
173
174
175
176
177
178
179