https://saki-anime.com/js/common.js

1
2
3// スマートフォン対策
4$.isMobile = checkUserAgent();
5
6//$(window).resize( resizeFullBg );
7//resizeFullBg();
8
9
10
11$(function(){
12	// メニュースクロール
13	new $.SygPageScroll( 'a.pagescroll', {time:1000, easing:'easeInOutCubic', changeHash:true} );
14	/*
15
16	$('a.pagescroll').click( function(){
17		if( this.rel ){
18			var id = this.rel.split('-')[1];
19			menuRollover.select(id);
20		}
21	} );
22
23	// メニューロールオーバー
24	var menuRollover = new $.SygRollover( '#mainMenu img.menu-item', {radio:true} );
25
26	// ハッシュ指定されているか
27	var menuids = ['home','news','story','character','release'];
28	var hash = location.hash.substr(1);
29	if( hash ){
30		for( var i=0; i<menuids.length; i++ ){
31			if( menuids[i] == hash ){
32				menuRollover.select(i);
33			}
34		}
35	}
36	*/
37
38	// color box
39	$('a.colorbox').colorbox();  
40	/*
41	$('a.colorbox-grp1').colorbox({rel:'grp1'});  
42	*/
43
44	$('a.youtube').colorbox({ 
45		iframe: true, 
46		innerWidth: 640, 
47		innerHeight: 360
48	});  
49
50	// ロールオーバー
51	new $.SygRollover( 'img.fade', {mode:'fade', fadeOverTime:100, fadeOutTime:100} );
52	new $.SygRollover( 'img.swap' );
53
54	// 遅延読み込み
55	$("img.lazy").lazyload();
56
57	// Google Analyticsの外部リンク対応
58	// new $.TrackPageview( '.trackpage' );
59
60});
61
62
63/**************************
64* 背景をページサイズに
65*/
66function resizeFullBg(){
67	var h = getPageSize().pageHeight;
68//	var headH = $('#header-inner').outerHeight(  );
69//	h = h > headH ? h : headH;
70	$('#header').css({height:h});
71}
72
73/**************************
74* サブメニュー
75*/
76// マウスオーバーアクション
77$('.subMenu-image').find('a').hover(
78	function(){
79		if( $(this).find('.active').length ) return;
80		$(this).find('img').stop(true,false).animate({
81			borderLeftWidth : 6
82		}, 100);
83	},
84	function(){
85		if( $(this).find('.active').length ) return;
86		$(this).find('img').stop(true,false).animate({
87			borderLeftWidth : 0
88		}, 100);
89	}
90);
91
92
93///////////////////////////////////////////////////////////
94///////////////////////////////////////////////////////////
95///////////////////////////////////////////////////////////
96
97
98///////////////////////////////////////////////////////////
99///////////////////////////////////////////////////////////
100///////////////////////////////////////////////////////////
101
102
103/**************************
104* Google
105*/
106/*
107var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
108document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
109
110try {
111var pageTracker = _gat._getTracker("UA-12467727-1");
112pageTracker._trackPageview();
113} catch(err) {}
114*/
115
116
117/*****************************
118* スマホ判別
119*/
120function checkUserAgent(){
121    var agent = navigator.userAgent;
122 
123    if(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){
124    	$('body').addClass('isMobile');
125    	return true;
126    }
127	return false;
128}
129
130/*******************
131* ウィンドウ高さ
132*/
133function getWindowH(){
134	// IE8だけ高さの取得が異なる……けど同一に
135	if (navigator.userAgent.indexOf("MSIE")!=-1 && navigator.userAgent.indexOf("Trident/4.0")!=-1){
136		return jQuery('html').prop('clientHeight');
137	}else{
138		return jQuery('html').prop('clientHeight');
139	}
140}
141
142/*******************
143* ページ全体サイズ
144* [ページ幅, ページ高さ, ウィンドウ幅, ウィンドウ高さ]
145* http://kjirou.sakura.ne.jp/wiki_mirror/index.php?a%2Fjavascript%A4%C7%A5%A6%A5%A3%A5%F3%A5%C9%A5%A6%A4%E4%A5%DA%A1%BC%A5%B8%C1%B4%C2%CE%A4%CE%C9%FD%A4%E4%B9%E2%A4%B5%A4%F2%BC%E8%C6%C0%A4%B9%A4%EB
146*/
147function getPageSize(){
148	
149	var xScroll, yScroll;
150	
151	if (window.innerHeight && window.scrollMaxY) {
152		xScroll = document.body.scrollWidth;
153		yScroll = window.innerHeight + window.scrollMaxY;
154	} else if (document.body.scrollHeight > document.body.offsetHeight){
155		// all but Explorer Mac
156		xScroll = document.body.scrollWidth;
157		yScroll = document.body.scrollHeight;
158	} else {
159		// Explorer Mac...would also work in Explorer 6 Strict,
160		// Mozilla and Safari
161		xScroll = document.body.offsetWidth;
162		yScroll = document.body.offsetHeight;
163	}
164
165	var windowWidth, windowHeight;
166	

167	if (self.innerHeight) {      // all except Explorer
168		windowWidth = self.innerWidth;
169		windowHeight = self.innerHeight;
170	} else if (document.documentElement
171	&& document.documentElement.clientHeight) {
172		// Explorer 6 Strict Mode
173		windowWidth = document.documentElement.clientWidth;
174		windowHeight = document.documentElement.clientHeight;
175	} else if (document.body) { // other Explorers
176		windowWidth = document.body.clientWidth;
177		windowHeight = document.body.clientHeight;
178	}
179
180	// for small pages with total height less then height of the viewport
181	if(yScroll < windowHeight){
182		pageHeight = windowHeight;
183	} else {
184		pageHeight = yScroll;
185	}
186
187	// for small pages with total width less then width of the viewport
188	if(xScroll < windowWidth){
189		pageWidth = windowWidth;
190	} else {
191		pageWidth = xScroll;
192	}
193
194	return {
195		'pageWidth':pageWidth,
196		'pageHeight':pageHeight,
197		'windowWidth':windowWidth,
198		'windowHeight':windowHeight,
199		'yScroll':yScroll,
200		'xScroll':xScroll
201	}
202}