javascript - 光滑的 slider 下一张和上一张幻灯片 css

Question

我有光滑的 slider ，我想为下一张和上一张幻灯片添加一些样式，但我不知道如何做。这是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 */
}

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