https://www.city.nagato.yamaguchi.jp/ssi/js/top-slideshow.js

1jQuery(document).ready(function($){
2
3	function mainphoto_slider(){
4		$('#top_photo').append('<div id="mp_control_wrap"><div id="mp_control_box"><button type="button" id="mp_control_prev">Previewc</button><button type="button" id="mp_control_pause">Stop</button><button type="button" id="mp_control_play">Play</button><button type="button" id="mp_control_next">Next</button></div></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: 3,
17			slidesToScroll: 1,
18			centerMode: true,
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: 1080,
36					settings:{
37						// dots: false,
38						slidesToShow: 1
39					}
40				}
41			]
42		}).slick('slickPlay');
43
44		// slideObj.slick('slickPlay');
45		$('#mp_control_prev').on('click keypress',function(){
46			slideObj.slick('slickPrev');
47		});
48		$('#mp_control_next').on('click keypress',function(){
49			slideObj.slick('slickNext');
50		});
51		$('#mp_control_pause').on('click keypress',function(){
52			$('#mp_control_pause').hide();
53			$('#mp_control_play').show();
54			slideObj.slick('slickPause');
55		});
56		$('#mp_control_play').on('click keypress',function(){
57			$('#mp_control_play').hide();
58			$('#mp_control_pause').show();
59			slideObj.slick('slickPlay');
60		});
61	}
62	if($('#top_photo_list div.photo').length > 1){
63		mainphoto_slider();
64	}
65
66});