Javascript 滑动滑块中心模式

我一直在尝试使用slick.js来创建一些东西，但我真的无法理解它

我已经准备好了当前的代码。如何使中心幻灯片图像100%宽度和高度，并在幻灯片中添加填充物？它似乎不起作用

我真的很感激任何帮助。谢谢

$（'.slider'）。光滑({
centerMode：对，
中心填充：“30px”，
幻灯片放映：3，
自适应高度：false
});
。滑溜式img{
最大宽度：100%；
转变：转变0.5s；
}
.滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜滑溜{
转换：比例（2.1）；
}
一点CSS应该可以帮助您：


$（'.slider'）。光滑({
centerMode：对，
中心填充：“30px”，
幻灯片放映：3
});
.slick slide>div{
变换：缩放（.5）；
变换：变换.3s三次贝塞尔（.4,0,2,1）；
}
.光滑中心>分区{
变换：比例（1）；
}
.滑块\uuu项目>img{
宽度：100%；
高度：自动；
}