https://marumo99.jp/assets/js/src/common.js

1(function ($) {
2		$(function(){
3		new WOW().init();
4		
5		function hashScroll(){
6			if(location.hash != '' && location.hash != undefined){
7				var headerH = $('#header').innerHeight();
8				var winTop = $(location.hash).offset().top - headerH;
9				$(window).scrollTop(winTop);
10			}
11		}
12		
13		// SP版メニュー
14		var stayScroll = 0;
15		$('.h-spnavi_btn').on('click',function(){
16			if($(this).hasClass('close')){
17				$(this).removeClass('close');
18				$('#header').removeClass('open');
19				$('.h-box').slideUp(function(){
20					$('.h-box').height('');
21				});
22				$('#content,#footer').height('');
23				$(window).scrollTop(stayScroll);
24			} else {
25				$(this).addClass('close');
26				$('#header').addClass('open');
27				stayScroll = $(window).scrollTop();
28				if($('.h-box_wrap').height() < $(window).height() - $('#header').innerHeight()){
29					$('.h-box').height($(window).height() - $('#header').innerHeight() - 30);
30				} else {
31					$('.h-box').height('');
32				}
33				$('.h-box').slideDown();
34				$('#content,#footer').height(0);
35			}
36		});
37		
38		// 画像change
39		var ww = $(window).width();
40		responsiveImg();
41		function responsiveImg(){
42			if (ww <= 750){
43				$('.rp').each(function(){
44					var str = $(this).attr('src');
45					if(str.indexOf('_sp.')==-1){
46						str = str.replace(/\.\w+$/, '_sp' + '$&');
47						$(this).attr('src',str);
48					}
49				});
50			}
51			else{
52				$('.rp').each(function(){
53					var str = $(this).attr('src');
54					str = str.replace('_sp.','.');
55					$(this).attr('src',str);
56				});
57			}
58		}
59		
60		// ヘッダーのサイズ変更
61		header();
62		function header(){
63			var headerTop = $('header').innerHeight();
64			if (ww <= 750){
65			} else {
66			}
67			$('#content').css({'margin-top':0});
68		}
69
70
71		function footer(){
72			var footerBtm = 0;
73			if (ww <= 1069 ){
74				footerBtm = $('.f-shop_link').innerHeight();
75//				console.log(footerBtm);
76				$('#footer').css({'margin-bottom':footerBtm});
77			}
78			
79		}
80		$('.tel-btn').on('click',function(){
81			if(ww > 750){
82				return false;
83			}
84		});
85		
86		// imgドラッガー
87		$(document).on('mousedown', 'img', function(){ return false; }).on('contextmenu', 'img', function(){ return false; });
88		
89		// matchHeight
90		$('.matchHeight').matchHeight();
91		
92		// modal youtube
93		$('.popup-iframe_youtube').magnificPopup({
94			type: 'iframe',
95			mainClass: 'mfp-fade',
96			removalDelay: 200,
97			preloader: false,
98			fixedContentPos: false
99		});
100		$('.popup-modal_inline').magnificPopup({
101			type: 'inline',
102			preloader: false
103		});
104//		
105		$(window).resize(function(){
106			ww = $(window).width();
107			responsiveImg();
108			header();
109			footer();
110		});
111		
112		
113		// ↓PAGE↓
114		if($('.mv-main_swiper').length && $('.mv-main_swiper .swiper-slide').length > 1){
115			var top_swiper = new Swiper('.mv-main_swiper', {
116				autoplay: {
117					delay: 3000,
118					disableOnInteraction: false,
119				},
120				loop: {
121					loop: true,
122				},
123				speed: 500,
124				pagination: {
125					el: '.mv-main_swiper_pagination',
126					clickable: true,
127				},
128				navigation: {
129					nextEl: '.mv-main_swiper_next',
130					prevEl: '.mv-main_swiper_prev',
131				},
132				on: {
133					init: function(){
134						$('.swiper-progressbar').addClass('on');
135					},
136					slideChangeTransitionStart: function(){
137						$('.swiper-progressbar').removeClass('on');
138					},
139					slideChangeTransitionEnd: function(){
140						$('.swiper-progressbar').addClass('on');
141					}
142				},
143			});
144		} else {
145			$('.mv-main_swiper_next, .mv-main_swiper_prev').hide();
146		}
147		
148		if($('.img_swiper').length){
149			var img_swiper = new Array();
150			$('.img_swiper').each(function(i){
151				var ele = $(this);
152				var paginationName = 'swiper_pagination'+i;
153				var nextName = 'swiper_next'+i;
154				var prevName = 'swiper_prev'+i;
155				$(this).siblings('.img_swiper_pagination').addClass(paginationName);
156				$(this).siblings('.img_swiper_next').addClass(nextName);
157				$(this).siblings('.img_swiper_prev').addClass(prevName);
158				if($(this).find('.swiper-slide').length > 1){
159					img_swiper[i] = new Swiper(ele, {
160						loop: {
161							loop: true,
162						},
163						speed: 500,
164						pagination: {
165							el: '.'+paginationName,
166							clickable: true,
167						},
168						navigation: {
169							nextEl: '.'+nextName,
170							prevEl: '.'+prevName,
171						}
172					});

173				} else {
174					$('.'+nextName).hide();
175					$('.'+prevName).hide();
176				}
177			});
178		}
179		$('.m-news_top_category, .m-news_sub_category').hover(function(){
180			$(this).parent().parent('a').addClass('mouseOn');
181		},function(){
182			$(this).parent().parent('a').removeClass('mouseOn');
183		});
184		$('.m-news_top_category, .m-news_sub_category').click(function(){
185			var href = $(this).data('href');
186			window.location = href;
187			return false;
188		});
189	
190	});
191
192	// $('#slide_show_sp > div:gt(0)').hide();
193
194	// setInterval(function(){
195	// 		$('#slide_show_sp > div:first')
196	// 				.fadeOut(2000)
197	// 				.next()
198	// 				.fadeIn(2000)
199	// 				.end()
200	// 				.appendTo('#slide_show_sp');
201	// },3000);
202	
203	// $('#slide_show_pc > div:gt(0)').hide();
204
205	// setInterval(function(){
206	// 		$('#slide_show_pc > div:first')
207	// 				.fadeOut(2000)
208	// 				.next()
209	// 				.fadeIn(2000)
210	// 				.end()
211	// 				.appendTo('#slide_show_pc');
212	// },3000);
213	
214})(jQuery);