https://www.city.tokorozawa.saitama.jp/js/top_2020.js

1$(function(){
2	mainSlider();
3});
4
5
6function mainSlider() {
7$('.main_slider').slick({
8	slidesToShow: 1,
9	slidesToScroll: 1,
10    autoplay:true,
11    autoplaySpeed:7000,
12    dots:true,
13	infinite: true,
14	autoplay: true,
15	arrows: false,
16  responsive: [{
17		  breakpoint: 769,
18		  settings: {
19		    slidesToShow: 1,
20		    slidesToScroll: 1,
21		    centerMode: true,
22		    centerPadding: '0'
23      }
24		}
25		]
26});
27		var top_carousel = document.getElementById('slider');
28				top_carousel.insertAdjacentHTML('beforebegin', '<button id="tglBtn"><span id="startBtn"><img src="/images/top_start_btn.png" width="13" height="18" alt="再生"></span><span id="stopBtn"><img src="/images/top_stop_btn.png" width="14" height="16" alt="停止"></span></button>');
29				$('#startBtn').hide();
30				var flg = "play";
31				$('#tglBtn').click(function () {
32				  $('#startBtn').toggle();
33				  if (flg == "play") {
34				    $('#startBtn').show();
35				    $('#stopBtn').hide();
36				    flg = "stop";
37				    $('#slider').slick('slickPause');
38				  } else {
39				    $('#startBtn').hide();
40				    $('#stopBtn').show();
41				    flg = "play";
42				    $('#slider').slick('slickPlay');
43				  }
44				});
45		}