https://www.town.nishiaizu.fukushima.jp/ssi/js/common-top.js?20231129am1044

1jQuery(document).ready(function($){
2
3	// カウントダウン 無ければ削除
4	if (!$('#count_down_area_1 .count_down_box')[0]) {
5		$('#count_down_area_1').remove();
6	}
7	if (!$('#count_down_area_2 .count_down_box')[0]) {
8		$('#count_down_area_2').remove();
9	}
10	if (!$('#count_down_area_3 .count_down_box')[0]) {
11		$('#count_down_area_3').remove();
12	}
13	if (!$('#count_down_area_4 .count_down_box')[0]) {
14		$('#count_down_area_4').remove();
15	}
16
17	// バナーランダム表示
18	function banner_random(targetElement){
19		// リストの親要素に、IDと併せてクラス’banner_random’を指定する。
20		// <div id="example" class="banner_random"><ul><li>...</li></ul></div>
21		// banner_random を指定したクラスのIDを取得し、それぞれにランダム表示する。
22		function shuffle(array) {
23			var n = array.length, t, i;
24			while (n) {
25				i = Math.floor(Math.random() * n--);
26				t = array[n];
27				array[n] = array[i];
28				array[i] = t;
29			}
30			return array;
31		}
32		var targetArry = [];
33		// ターゲットのリストタグを配列に取り込む
34		$(targetElement + ' > ul > li').each(function(i){
35			targetArry[i] = $(this).prop('outerHTML');
36		});
37		// 取り込んだ配列をランダムに並び替え
38		shuffle(targetArry);
39		$(targetElement + ' > ul').empty();
40		// ランダムに並び替えられた配列をターゲットのulタグ内に入れ込む
41		for(var j = targetArry.length; j >= 0; j-- ){
42			$(targetElement + ' > ul').append(targetArry[j]);
43		}
44	}
45	$('.banner_random').each(function(){
46		banner_random('#' + $(this).attr('id'));
47	});
48
49	// 事業PR
50	// slick.js でのスライドショー設定
51	function banner_pr_slider(){
52		$('#top_banner_pr').append('<div id="pr_control_box"><button type="button" id="pr_control_prev">前のスライド</button><button type="button" id="pr_control_pause">停止</button><button type="button" id="pr_control_play">再生</button><button type="button" id="pr_control_next">次のスライド</button></div>');
53		var slideObj = $('#top_banner_pr_list');
54		slideObj.slick({
55			accessibility: true,
56			autoplay: true,
57			autoplaySpeed: 5000,
58			speed: 750,
59			initialSlide: 0,
60			//スライドの行数
61			// rows: 2, 
62			//各行に表示するスライド数
63			// slidesPerRow: 2, 
64			slidesToShow: 5,
65			slidesToScroll: 1,
66			centerMode: false,
67			centerPadding: 0,
68			infinite: true,
69			prevArrow: '#pr_control_prev',
70			nextArrow: '#pr_control_next',
71			easing: 'swing',
72			//フェイドインで切り替える
73			fade: false,
74			touchMove: true,
75			pauseOnFocus: true,
76			pauseOnHover: true,
77			touchThreshold: 15,
78			dots: true,
79			//ナビゲーションドットの設置場所
80			appendDots: '#pr_control_box',
81			responsive:[
82				{
83					breakpoint: 1099,
84					settings:{
85						slidesToShow: 4,
86						dots: false
87					}
88				},{
89					breakpoint: 670,
90					settings:{
91						slidesToShow: 2,
92						dots: false
93					}
94				}
95			]
96		}).slick('slickPlay');
97
98		$('#pr_control_prev').on('click keypress',function(){
99			slideObj.slick('slickPrev');
100		});
101		$('#pr_control_next').on('click keypress',function(){
102			slideObj.slick('slickNext');
103		});
104		$('#pr_control_pause').on('click keypress',function(){
105			$('#pr_control_pause').hide();
106			$('#pr_control_play').show();
107			slideObj.slick('slickPause');
108		});
109		$('#pr_control_play').on('click keypress',function(){
110			$('#pr_control_play').hide();
111			$('#pr_control_pause').show();
112			slideObj.slick('slickPlay');
113		});
114	}
115	if($('#top_banner_pr_list > li').length > 5){
116		banner_pr_slider();
117	}
118
119});