光滑的滑块下一个和上一个幻灯片 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 将类slick-center添加到居中元素，因此如果您只想设置其他元素的样式，则可以使用此选择器在 CSS 中实现这一点：

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

这将对除中心滑块元素之外的所有滑块元素产生影响。由于您已slidesToShow设置为1因此应该适用于上一张和下一张幻灯片。