https://www.city.miyoshi.hiroshima.jp/ssi/js/common-top.js

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	// 事業PR
18	// slick.js でのスライドショー設定
19	function banner_pr_slider(){
20		$('#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>');
21		var slideObj = $('#top_banner_pr_list');
22		slideObj.slick({
23			accessibility: true,
24			autoplay: true,
25			autoplaySpeed: 5000,
26			speed: 750,
27			initialSlide: 0,
28			//スライドの行数
29			// rows: 2, 
30			//各行に表示するスライド数
31			// slidesPerRow: 2, 
32			slidesToShow: 4,
33			slidesToScroll: 4,
34			centerMode: false,
35			centerPadding: 0,
36			infinite: true,
37			prevArrow: '#pr_control_prev',
38			nextArrow: '#pr_control_next',
39			easing: 'swing',
40			//フェイドインで切り替える
41			fade: false,
42			touchMove: true,
43			pauseOnFocus: true,
44			pauseOnHover: true,
45			touchThreshold: 15,
46			dots: true,
47			//ナビゲーションドットの設置場所
48			appendDots: '#pr_control_box',
49			responsive:[
50				{
51					breakpoint: 1099,
52					settings:{
53						slidesToShow: 2,
54						slidesToScroll: 2
55					}
56				}
57			]
58		}).slick('slickPlay');
59
60		$('#pr_control_prev').on('click keypress',function(){
61			slideObj.slick('slickPrev');
62		});
63		$('#pr_control_next').on('click keypress',function(){
64			slideObj.slick('slickNext');
65		});
66		$('#pr_control_pause').on('click keypress',function(){
67			$('#pr_control_pause').hide();
68			$('#pr_control_play').show();
69			slideObj.slick('slickPause');
70		});
71		$('#pr_control_play').on('click keypress',function(){
72			$('#pr_control_play').hide();
73			$('#pr_control_pause').show();
74			slideObj.slick('slickPlay');
75		});
76	}
77	if($('#top_banner_pr_list > li').length > 4){
78		banner_pr_slider();
79	}
80
81});