https://www.azumaso.com/en/js/homepage.js

1
2/* Settings
3------------------------------------------------------------------------*/
4
5
6
7
8/* Functions
9------------------------------------------------------------------------*/
10
11	//インスタグラム　公式
12	// function InstagramHeight() {
13	// 	var $insta = $('#obj_insta'), //場所
14	// 		$instaImg = $insta.find('li'),
15	// 		pcW = Math.ceil($insta.width() * .125); //PC.TAB時5つ
16
17	// 	$instaImg.find('img').each(function() {	//インスタにimgがあったら
18	// 		var $img = new Image(); //インスタンス生成
19	// 		$img.src = $(this).attr('src');
20	// 		var $imgW = $img.width; //画像の横幅
21	// 		var $imgH = $img.height; //画像の高さ
22	// 		var $layH = pcW; //リサイズ時の横幅を縦基準にする
23
24	// 		if($imgH <= $imgW) { //横長画像の場合
25	// 			expandImg = ($imgW*$layH) / $imgH;
26	// 			$(this).height($layH).width(expandImg);
27
28	// 		} else { //縦長画像の場合
29	// 			expendImg = ($imgH * $layH) / $imgW;
30	// 			$(this).width($layH).height(expendImg).parent('a').css('max-height',$layH);
31	// 		}
32	// 	});
33	// }
34	//インスタグラム　まいちゃん
35	function InstagramHeight2() {
36		var $insta = $('#obj_instacat'), //場所
37			$instaImg = $insta.find('li'),
38			pcW = Math.ceil($insta.width() * .32); //PC.TAB時5つ
39
40		$instaImg.find('img').each(function() {	//インスタにimgがあったら
41			var $img = new Image(); //インスタンス生成
42			$img.src = $(this).attr('src');
43			var $imgW = $img.width; //画像の横幅
44			var $imgH = $img.height; //画像の高さ
45			var $layH = pcW; //リサイズ時の横幅を縦基準にする
46
47			if($imgH <= $imgW) { //横長画像の場合
48				expandImg = ($imgW*$layH) / $imgH;
49				$(this).height($layH).width(expandImg);
50
51			} else { //縦長画像の場合
52				expendImg = ($imgH * $layH) / $imgW;
53				$(this).width($layH).height(expendImg).parent('a').css('max-height',$layH);
54			}
55		});
56	}
57
58
59function main_height(){
60	//高さ揃え
61	if(!abi.sp) {
62		$('#main_slider').css('height', ($w.height() - $('#con_gnav').height() - $('#con_fnav').height() - 0));
63	} else {
64		$('#main_slider').css('height', abi.deviceHeight);
65	}
66}
67
68/* readyEvent
69------------------------------------------------------------------------*/
70
71$(function(){
72
73	//movie
74	var Flag = false,
75		$Mv = $('#box_movie');
76
77	$Mv.videocontrol({
78		movieWidth: 630,
79		movieHeight: 352
80	});
81	if(!abi.pc) {
82		video.muted = video.muted ? false : true;
83	}
84	if (abi.pc) {
85		Flag = true;
86	}
87
88
89	//インスタグラム
90	var feed = new Instafeed({
91		get: 'user',
92		userId: '5737804397',
93		accessToken: '5737804397.8d5275b.f4442e544d2d4874b42f8c5f10e4a55c', //real
94		limit: 7,
95		target: 'obj_insta',
96		sortBy: 'most-recent',
97		links: true,
98		resolution: 'low_resolution',
99		template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" alt="instagram"><div class="inner"><p class="txt">{{caption}}</p><p class="box_icon"><span class="com">{{comments}}</span><span class="fav">{{likes}}</span></p></div></a></li>'
100	});
101	feed.run();
102
103	//インスタグラム
104	var feed2 = new Instafeed({
105		get: 'user',
106		userId: '6141672872',
107		accessToken: '6141672872.981d250.4078b7cb85724586bc5a030dc4b9142b', //real
108		limit: 9,
109		target: 'obj_instacat',
110		sortBy: 'most-recent',
111		links: true,
112		resolution: 'low_resolution',
113		template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" alt="instagram"><div class="inner"><p class="txt">{{caption}}</p><p class="box_icon"><span class="com">{{comments}}</span><span class="fav">{{likes}}</span></p></div></a></li>'
114	});
115	feed2.run();
116
117	//まいちゃんの一日高さ
118	var $match_day = $('.day_list').find('li');
119	var $match_dayst = $('.day_list').find('li .sst');
120
121/* load & resize & scroll & firstLoad
122------------------------------------------------------------------------*/
123
124	var $Slideroom = $('.room_slide');
125 	settings = {
126		responsive: [{
127			breakpoint: 9999,
128			settings: "unslick"
129		},{
130			breakpoint: 768,
131			settings: {
132				autoplay: true,
133				autoplaySpeed: 6000,
134				speed: 2000,
135				dots: true,
136				arrows: false,
137				}
138			}
139		]
140 	}
141
142	$w.on({
143
144
145		//load
146		'load' : function(){
147
148			$('#video').get(0).play();
149
150			$('#main_slider').slick({
151				dots: true,

152				arrows: false,
153				centerMode: false,
154				fade: true,
155				autoplay: true,
156				autoplaySpeed: 6000,
157				speed: 2000,
158				pauseOnHover: false
159			});
160
161		$('.box_plan').slick({
162			infinite: true,
163			slidesToShow: 3,
164			slidesToScroll: 1,
165			arrows: false,
166			responsive: [
167			{
168				breakpoint: 767,
169				settings: {
170						slidesToShow: 1,
171						infinite: true,
172						dots: true,
173						arrows: true
174					}
175				}
176			]
177		});
178
179		},
180		//scroll
181		'scroll' : function(){
182
183		}
184	}).superResize({
185		//resize
186		resizeAfter : function(){
187
188		//movie
189        if(abi.pc) {
190        	if(!Flag) {
191        		video.play();
192        	}
193		} else {
194			video.pause();
195			Flag = false;
196		}
197
198		if (abi.sp) {
199			if ($Slideroom.hasClass('slick-initialized')) {
200				//スルー処理
201			} else {
202				$Slideroom.slick(settings);
203			}
204		} else {
205			if ($Slideroom.hasClass('slick-initialized')) {
206				$Slideroom.slick('unslick');
207			} else {
208				//スルー処理
209			}
210		}
211
212			//まいちゃんの一日高さ固定
213			matchHeight($match_day,(abi.pc) ? 1 : (abi.tab) ? 1 : 2);
214			matchHeight($match_dayst,(abi.pc) ? 4 : (abi.tab) ? 4 : 2);
215
216			//インスタグラム 公式
217			InstagramHeight();
218
219			//インスタグラム まいちゃん
220			InstagramHeight2();
221
222			//main_height
223			main_height();
224
225		}
226	}).firstLoad({
227		//firstLoad
228		pc_tab : function(){
229
230		},
231		sp : function(){
232
233		}
234	});
235
236});
237
238	var stMemory;
239	// メイン動画
240	$("#btn_movie").click(function() {
241		$('#box_movie-tabsp').fadeIn();
242		stMemory = abi.sT;
243		if ($page.is(':visible')) {
244			$page.fadeOut();
245		};
246	});
247	$("#main_movie_close").click(function() {
248		$('#box_movie-tabsp').fadeOut();
249		$('html,body').animate({scrollTop : stMemory},10);
250		if ($page.is(':hidden')) {
251			$page.fadeIn();
252		};
253	});
254
255	// 再生
256    $('#btn_movie').click(function() {
257        tabsp_movie.playVideo();
258    });
259    // 一時停止
260    $('#main_movie_close').click(function() {
261        tabsp_movie.pauseVideo();
262
263    });
264
265
266
267    // IFrame Player API の読み込み
268var tag = document.createElement('script');
269tag.src = "https://www.youtube.com/iframe_api";
270var firstScriptTag = document.getElementsByTagName('script')[0];
271firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
272
273// YouTubeの埋め込み
274if(!abi.pc) {
275	var player;
276	function onYouTubeIframeAPIReady() {
277	   tabsp_movie = new YT.Player(
278	        'tabsp_movie', // 埋め込む場所の指定
279	        {
280	            width: 1280, // プレーヤーの幅
281	            height: 720, // プレーヤーの高さ
282	            videoId: 'TtuUkl4-5Mg', // YouTubeのID
283	            playerVars: {
284	                rel: 0,
285	                autoplay: 1,
286	                controls: 1,
287	                showinfo: 0,
288					loop: 0,
289	                playlist: 'TtuUkl4-5Mg'
290	            },
291	            events: {
292					"onReady": function(event){
293						event.target.mute();
294					}
295				}
296	        }
297	    );
298	}
299}