https://www.gyoku.co.jp/js/common/common.js

1/**
2 * Copyright (c) DESIGN inc. All Rights Reserved.
3 * http://www.design-inc.jp/
4 */
5
6jQuery(function($){
7	// formで郵便番号から住所を自動出力する
8	$('#zip').on('change', function(event) {
9		AjaxZip3.zip2addr(this, '', 'pref', 'addr1');
10	});
11
12	// Googleマップを.googlemapに挿入
13	if ($('.googlemap').length){
14		$('.googlemap').append(cwp_vars.google_map_tag);
15	}
16
17	// ページ内スクロール
18	$('a.scroll').on('click', function(){
19		$('html,body').animate({scrollTop: $($(this).attr('href')).offset().top }, {'duration': 400, 'easing': 'easeOutCubic', 'queue': false});
20		return false;
21	});
22
23	// 外部リンクに「target="_blank"」付与（クラス「a.noblank以外」）
24	$('a[href^=http]').not('[href*="'+location.hostname+'"]').not('a.noblank').attr('target', '_blank');
25
26	// 画像にリンクした場合、lightboxで開く
27	$('a[href$="jpg"], a[href$="jpeg"], a[href$="JPG"], a[href$="JPEG"], a[href$="png"], a[href$="gif"]').not('.lightbox-group-item').addClass('lightbox');
28
29	// lightbox
30	$('.lightbox').lightGallery({
31		selector: 'this',
32		autoplayFirstVideo: false, // inline使用時にエラーが出るので設定
33		getCaptionFromTitleOrAlt: false, // titleかaltを使ってキャプションを表示するかどうか
34		fullScreen: false,
35		share: false, // shareボタンの表示・非表示
36		download: false // downloadボタンの表示・非表示
37	});
38
39	// lightbox-group
40	$('.lightbox-group').lightGallery({
41		selector: '.lightbox-group-item',
42		showThumbByDefault: true, // デフォルトでサムネイル一覧を表示するかどうか
43		getCaptionFromTitleOrAlt: false, // titleかaltを使ってキャプションを表示するかどうか
44		fullScreen: false,
45		share: false, // shareボタンの表示・非表示
46		download: false // downloadボタンの表示・非表示
47	});
48
49	// slick: 画面幅100%のスライダー
50	$('.slideshow-fullwidth').slick({
51		dots: false,
52		arrows: true,
53		slidesToShow: 3,
54		slidesToScroll: 1,
55		variableWidth: true,
56		centerMode: true,
57		infinite: cwp_vars.infinite_loop,
58		speed: cwp_vars.speed,
59		autoplay: cwp_vars.auto,
60		autoplaySpeed: cwp_vars.pause
61	});
62
63	// slick: paginationをサムネイルにする
64	$('.slideshow-thumbpager').slick({
65		dots: true,
66		arrows: false,
67		fade: true,
68		infinite: cwp_vars.infinite_loop,
69		speed: cwp_vars.speed,
70		autoplay: cwp_vars.auto,
71		autoplaySpeed: cwp_vars.pause,
72		customPaging : function(slider, i) {
73			var thumb = $(slider.$slides[i]).find('img').attr('src');
74			return '<a><img src="'+thumb+'"></a>';
75		}
76	});
77
78	// slick: ticker mode
79	$('.slideshow-ticker').slick({
80		arrows: false,
81		slidesToShow: 3,
82		slidesToScroll: 1,
83		autoplay: true,
84		autoplaySpeed: 0,
85		speed: 2000,
86		cssEase:'linear'
87	});
88
89	// slick: carousel
90	$('.slideshow-carousel').slick({
91		arrows: true,
92		slidesToShow: 3,
93		slidesToScroll: 1,
94		autoplay: true,
95
96		// スマホ時オプション
97		responsive: [
98			{
99				breakpoint: 768,
100				settings: {
101					slidesToShow: 1
102				}
103			}
104		]
105	});
106
107	// slick: carousel
108	$('.slideshow-carousel-col2').slick({
109		arrows: true,
110		slidesToShow: 3,
111		slidesToScroll: 1,
112		autoplay: false,
113
114		// スマホ時オプション
115		responsive: [
116			{
117				breakpoint: 768,
118				settings: {
119					slidesToShow: 2
120				}
121			}
122		]
123	});
124
125	// jquery.datetimepicker
126	jQuery.datetimepicker.setLocale('ja');
127
128	// 日付 + 時間指定
129	$('.datetimepicker').datetimepicker();
130
131	// 日付指定
132	$('.datetimepicker-day').datetimepicker({
133		timepicker: false,
134		format: 'Y/m/d'
135	});
136
137	// jquery.simple.accordion.js
138	$('.accordion').simpleAccordion({
139		useAnimation: true,   // アニメーションの on, off
140		useLinks: true       // リンクを利用するかどうか
141	});
142
143	// EC 詳細、一覧コメント欄で tableがはみ出ないようにする
144	$('.detailpage-list-comment table, .detailpage-main-comment table').each(function() {
145		if ($(this).parent().width() < $(this).width()) {
146			$(this).width('100%');
147		}
148	});
149});