在目前的项目中,我第一次使用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会回落到默认高度并剪切我居中的幻灯片。有人能帮助我吗?
答案 0 :(得分:-1)
我认为每次onBeforeChange都要设置高度,不确定