光滑轮播:在中心模式下调整.slick-track到缩放图像高度

时间:2017-06-08 08:54:02

标签: jquery css slick.js

在目前的项目中,我第一次使用Slick Carousel,在大多数方面,它对我来说效果很好。但我有两个未解决的问题,其中一个我想在这里发布。我的Slick实现在中心模式下工作,并通过CSS缩放居中图像:

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

现在我希望.slick-track的高度适应最大的幻灯片(默认情况下是光滑的)乘以这个因子(它不是因为它是一个CSS变换),我想要Slick用任何给定的视口执行此操作。我设法在初始化时使用:

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

但就我而言。缩放后,Slick会回落到默认高度并剪切我居中的幻灯片。有人能帮助我吗?

1 个答案:

答案 0 :(得分:-1)

我认为每次onBeforeChange都要设置高度,不确定