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

1jQuery(document).ready(function($){
2
3	function mainphoto_slider(){
4		$('#top_photo').append('<div id="mp_control_box"><button type="button" id="mp_control_prev">前のスライド</button><button type="button" id="mp_control_pause">停止</button><button type="button" id="mp_control_play">再生</button><button type="button" id="mp_control_next">次のスライド</button></div>');
5		var slideObj = $('#top_photo_list');
6		slideObj.slick({
7			accessibility: true,
8			autoplay: true,
9			autoplaySpeed: 5000,
10			speed: 750,
11			initialSlide: 0,
12			//スライドの行数
13			// rows: 2, 
14			//各行に表示するスライド数
15			// slidesPerRow: 2, 
16			slidesToShow: 1,
17			slidesToScroll: 1,
18			centerMode: false,
19			centerPadding: 0,
20			infinite: true,
21			prevArrow: '#mp_control_prev',
22			nextArrow: '#mp_control_next',
23			easing: 'swing',
24			//フェイドインで切り替える
25			fade: false,
26			touchMove: true,
27			pauseOnFocus: true,
28			pauseOnHover: true,
29			touchThreshold: 15,
30			dots: true,
31			//ナビゲーションドットの設置場所
32			appendDots: '#mp_control_box',
33			responsive:[
34				{
35					breakpoint: 670,
36					settings:{
37						dots: false,
38					}
39				}
40			]
41		}).slick('slickPlay');
42
43		// slideObj.slick('slickPlay');
44		$('#mp_control_prev').on('click keypress',function(){
45			slideObj.slick('slickPrev');
46		});
47		$('#mp_control_next').on('click keypress',function(){
48			slideObj.slick('slickNext');
49		});
50		$('#mp_control_pause').on('click keypress',function(){
51			$('#mp_control_pause').hide();
52			$('#mp_control_play').show();
53			slideObj.slick('slickPause');
54		});
55		$('#mp_control_play').on('click keypress',function(){
56			$('#mp_control_play').hide();
57			$('#mp_control_pause').show();
58			slideObj.slick('slickPlay');
59		});
60	}
61	if($('#top_photo_list div.photo').length > 1){
62		mainphoto_slider();
63	}
64
65});