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%", //中央スライドの両端の見切れるスライド幅を設定
      });