https://www.vill.nozawaonsen.nagano.jp/www/nozawaonsen/js/slick_custom.js

1
2$(function(){
3	MainVisualSlider();
4});
5
6function MainVisualSlider(){
7    var $slider = $('#slick-mv').slick({
8        autoplay: true,
9        autoplaySpeed: 5000,//スライド切り替え時間
10        fade: true,
11        speed: 500,//フェードのスピード
12        arrows: false,
13        dots: true,
14        customPaging: function(slider, i) {
15			return $('<a href="javascript:void(0)"/>').text( i + 1 );
16        }
17    });
18
19    // 再生・停止ボタン
20    var playBtn = '<li class="stopBtn"><a href="javascript:void(0)"><span>停止</span></a></li>';
21	$slider.addClass('is-play');
22	$slider.find('.slick-dots').append(playBtn);
23	playBtnClick();
24	$slider.on('breakpoint', function(event, slick, breakpoint){
25		$slider.addClass('is-play');
26		$slider.find('.slick-dots').append(playBtn);
27		playBtnClick();
28	});
29	function playBtnClick() {
30		$('#slick-mv .stopBtn').on('click', 'a', function(event) {
31			event.preventDefault();
32			if($slider.hasClass('is-play')) {
33				$slider.removeClass('is-play');
34				$slider.slick('slickPause');
35				// $(this).text('再生');
36				$('#slick-mv .stopBtn span').text('再生');
37			}
38			else {
39				$slider.addClass('is-play');
40				$slider.slick('slickPlay');
41				// $(this).text('停止');
42				$('#slick-mv .stopBtn span').text('停止');
43			}
44		});
45	}
46
47};