类似滑块隐藏/显示幻灯片与自定义类

如何解决类似滑块隐藏/显示幻灯片与自定义类

我的照片库使用 Slick Slider。我想知道是否可以停用幻灯片，并且不再计算这些停用的幻灯片。

确实我尝试使用 display none，虽然幻灯片不再显示在屏幕上，但它仍然存在于 HTML 中，见下文：

我想根据我们是处于暗模式还是亮模式（默认）来显示不同的图像。

有没有人知道是否有可能？

---

[编辑] 现在我使用这个光滑的过滤器功能来过滤我的图像。请参阅我的 HTML 按钮和 JS 脚本的代码段。

$('#slick-buttons button').bind('click',function(e){
var filter = $(this).val();
var key = "."+filter;

$('.slider-for,.slider-nav').slick('slickUnfilter');
$('.slider-for,.slider-nav').slick('slickFilter',key).slick('refresh');
$('.slider-for,.slider-nav').slick('slickGoTo',0);
});

<div id="slick-buttons" class="slick-buttons toogle-switch">
        <button class="btn btn-default dark-button" value="dark">dark</button>
        <button class="btn btn-default light-button" value="light">light</button>
    </div>

目前过滤器可以工作，但是当您在没有点击日间或夜间模式的情况下到达页面时，它会显示所有图像

默认情况下，我希望仅显示带有灯光类的图像，而无需单击按钮。有没有人知道如何做到这一点？

谢谢