jquery - Slick Carousel : Adapt . slick-track to scaled image height in center 模式

Question

在当前元素中，我是第一次使用 Slick Carousel，在大多数方面，它对我来说都很好用。但我有两个悬而未决的问题，我想在这里发布其中一个。我的 Slick 实现在居中模式下工作，并通过 CSS 缩放居中图像:

&.slick-center {     
   transform: scale(1.4);
}

现在我希望 .slick-track 的高度适应最大的幻灯片(默认情况下 slick 做的)乘以这个因子(它不是因为它是 CSS 转换)，我希望 Slick 这样做使用任何给定的视口(viewport)。我设法在初始化时做到了:

$('.carousel').on('init', function(slick){
    var height = Math.ceil($(".pennants .slick-track").height()*1.4);
    $(".carousel .slick-track").css("height", height + 'px');
});

但就我所知。缩放后，Slick 会回落到默认高度并剪切居中的幻灯片。谁能帮帮我？

Answer 1

我觉得你每次onBeforeChange都要设置高度，不确定