javascript slick_画像の枚数を出力

Posted 2021-05-03

<script>
	$(function(){
		// スライド切り替えの度にスライド番号を取得
		  $('.box_slide').on('init', function(event, slick) {
		    $(this).append('<div class="slick-counter"><span class="current"></span> / <span class="total"></span></div>');
		    $('.current').text(slick.currentSlide + 1);
		    $('.total').text("0" + slick.slideCount);
		  })
		  .slick({
			arrows: true,
			autoplay: true,
			// cssEase: 'linear',
			// autoplaySpeed: 0,
			// speed: 60000,
			autoplaySpeed: 3000,
			speed: 3000,
			slidesToShow: 1,
			slidesToScroll: 1,
			infinite:true,
			dots: false,
		  })
		  .on('beforeChange', function(event, slick, currentSlide, nextSlide) {
		    $('.current').text(nextSlide + 1);
		  });
	});
</script>