slick
センターモード(左右チラ見せ)
・前後のスライドを部分的に含めてスライドを中央に表示
・「slidesToShow」を共に指定し、値は奇数を指定すること
1枚
HTML
$(function () {
$(".slider.slider-type01").slick({
autoplay: true,
arrows: false,
dots: true,
autoplaySpeed: 2000,
slidesToShow: 1,
speed: 500,
centerMode: true,//中央にスライドを配置して前後のスライドの一部を表示
centerPadding: "15%", //中央スライドの両端の見切れるスライド幅を設定
});
});
複数枚(3枚のスライドを中央)
HTML
$(".slider.slider-type02").slick({
autoplay: true,
arrows: true,
dots: true,
autoplaySpeed: 2000,
slidesToShow: 1,
speed: 500,
slidesToShow: 3, //表示枚数
centerMode: true, //中央にスライドを配置して前後のスライドの一部を表示
centerPadding: "8%", //中央スライドの両端の見切れるスライド幅を設定
});






