滑动下一张和上一张幻灯片 css

Question

我有灵活的滑块，我想为下一张和上一张幻灯片添加一些样式，但我不知道如何操作。这里是 js

$('.works-slider').slick({
    centerMode: true,
    centerPadding: '200px',
    slidesToScroll: 1,
    slidesToShow: 1
})

有一些方法可以获取上一张和下一张幻灯片，但这不是我想要的。 https://github.com/kenwheeler/slick

这是一个老问题，但我现在不能做同样的事情 https://github.com/kenwheeler/slick/issues/317

Answer 1

Slick 将 class slick-center 添加到居中元素，因此如果您只想设置其他元素的样式，可以在 CSS 中使用此选择器实现：

.slick-slide:not(.slick-center){
  /* your custom style */
}

这将对除中间那个以外的所有 slider-elements 产生影响。由于您已将 slidesToShow 设置为 1，这应该适用于上一张和下一张幻灯片。

Slick slider next and prev slides css