slick.js中央の画像を大きく表示させる方法

slick.js中央の画像を大きく表示させる方法です。

全体のスライドの大きさを0.8倍に縮小した後、中央の縮小倍率を戻すことで、実装可能です。

.slick-slide {
  transform: scale(.8);
}
.slick-current {
  transform: scale(1);
}

この時、CSSに加えて、JSでは大きく表示する画像が中央に来るようにcenterMode: trueを設定しておく必要があります。

$('.slick').slick({
  centerMode: true,
});