Javascript 在Slick.js上如何计算当前可见的幻灯片？

我的情况是，我在100%div上显示一些宽度可变的照片，因此它会根据浏览器宽度进行调整。我在centerMode中设置了slick.js，现在我想为部分可见的“边缘”图像设置样式

为此，我需要知道哪些幻灯片是可见的或不可见的

我知道如果你使用slidesToShow的次数正确，你可以设置“slick active”css的样式，但问题是我的容器总宽度取决于用户屏幕大小，而且我的幻灯片宽度可变，所以我不知道要显示多少张幻灯片

如何轻松计算哪些幻灯片当前可见或不可见？（对于我来说，部分可见应标记为隐藏）

$（“.slider”）.slick({
焦点选择：正确，
centerMode：对，
中心填充：“10%”，
幻灯片放映：2，
箭头：错，
无限：是的，
可变宽度：true
});
.slider div{
填充：0 8px；
}

您可以使用slick.js响应方法为主要断点创建正确的样式。我最近不得不这样做，在一些断点上，我不得不关闭centerMode并更改可见的图像数量，以便您可以控制始终可见的图像数量。我希望这能帮助你，如果你需要看到我使用的代码的例子，请让我知道
 我在这里编写代码，以获取当前活动（显示）幻灯片列表、计数，并在幻灯片更改时执行一些操作：


$（“.slider”）.slick({
焦点选择：正确，
centerMode：对，
中心填充：“10%”，
幻灯片放映：2，
箭头：错，
无限：是的，
可变宽度：true，
});
doMyAction（$（“.slider”）.slick（'slickCurrentSlide'）；
$（“.slider”）.on（'swipe'，函数（事件、滑动、方向）{
doMyAction（$（“.slider”）.slick（'slickCurrentSlide'）；
});
功能域动作（currentSlick）{
//你对当前滑溜的看法
console.log（'Current Slick:'，Current Slick）；
}
log（getActiveSlickLength（））；
函数getActiveSlickLength（）
{
返回$（'.slick active'）。长度；
}
log（getActiveSlickIndexList（））；
函数getActiveSlickIndexList（）
{
var指数=[]；
$.each（$（'.slick active'），函数（键，值）{
索引[键]=$（值）.data（'slick-index'）；
});
收益指标；
}
.slider div{
填充：0 8px；
}