[jQuery]slickで中央寄せ | WEBデザインのTIPSまとめサイト「ウェブネタチョ」

[jQuery]slickで中央寄せ

jQuery

2019.11.04

Slick
1. centerMode: true

Slick

centerMode: true

<script src="slick/slick.min.js"></script>
<script>
$(document).ready(function(){
	$('.slider').slick({
		centerMode: true,
		infinite: true,
		autoplay: true,
		dots: true,
		centerPadding:'150px',
		slidesToShow: 1,
		responsive: [
		{
			breakpoint: 768,
			settings: {
			centerMode: true,
			centerPadding: '0',
			slidesToShow: 2
			}
		},
		{
			breakpoint: 480,
			settings: {
			arrows: false,
			centerMode: true,
			centerPadding: '0',
			slidesToShow: 1
			}
		}]
	});
});
</script>