滑动滑块接下来和prev滑动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，因此适用于上一张和下一张幻灯片。