jQuery
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>
コメント