https://www.yurihama.jp/ssi/js/front-slideshow.js

1jQuery(document).ready(function($){
2
3	function frontphoto_slider(){
4		$('#front_photo').append('<button type="button" id="fp_control_pause">停止</button><button type="button" id="fp_control_play">再生</button>');
5		var slideObj = $('#front_photo_list');
6		slideObj.slick({
7			accessibility: true,
8			autoplay: true,
9			autoplaySpeed: 5000,
10			speed: 750,
11			// 縦方向にスライドする
12			// vertical: false,
13			// 開始時に表示させたいスライドの順番
14			initialSlide: 0,
15			// スライドの行数
16			// rows: 2,
17			// 各行に表示するスライド数
18			// slidesPerRow: 2,
19			slidesToShow: 1,
20			slidesToScroll: 1,
21			centerMode: false,
22			centerPadding: 0,
23			// スライドの無限ループ
24			infinite: true,
25			prevArrow: false,
26			nextArrow: false,
27			easing: 'swing',
28			// フェードインアウトで切り替える（複数枚、縦方向の場合は使用できない）
29			fade: true,
30			touchMove: true,
31			pauseOnFocus: true,
32			pauseOnHover: true,
33			touchThreshold: 15,
34			dots: false,
35			// ナビゲーションドットの設置場所
36			// appendDots: '#fp_control_navigation',
37			// スライド幅の自動計算を無効
38			variableWidth: false,
39			responsive:[
40				{
41					breakpoint: 1080,
42					settings:{
43						// 1080px以下のときの設定
44						// dots: false,
45					}
46				},
47				{
48					breakpoint: 670,
49					settings:{
50						// 670px以下のときの設定
51						// dots: false,
52					}
53				}
54			]
55		}).slick('slickPlay');
56
57//		$('#fp_control_prev').on('click keypress',function(){
58//			slideObj.slick('slickPrev');
59//		});
60//		$('#fp_control_next').on('click keypress',function(){
61//			slideObj.slick('slickNext');
62//		});
63		$('#fp_control_pause').on('click keypress',function(){
64			$('#fp_control_pause').hide();
65			$('#fp_control_play').show();
66			slideObj.slick('slickPause');
67		});
68		$('#fp_control_play').on('click keypress',function(){
69			$('#fp_control_play').hide();
70			$('#fp_control_pause').show();
71			slideObj.slick('slickPlay');
72		});
73	}
74	if($('#front_photo_list div.photo').length > 1){
75		frontphoto_slider();
76	}
77
78});