jquery 如果活动幻灯片是第一张幻灯片,如何将最后一张幻灯片的不透明度更改为0(透明)?

ar7v8xwq  于 2023-01-12  发布在  jQuery
关注(0)|答案(1)|浏览(170)

我想使最后一张幻灯片不透明度为0时,居中的幻灯片是第一个。

以下是我迄今为止所做的工作:
https://codepen.io/Guerreiro-Borghi/pen/NWBRqLa
任何帮助都欢迎!谢谢!
我试过了

slickCarousel.on("afterChange", function(event, slick, currentSlide) {
  const lastSlide = slick.slideCount - 1;
  
  if (currentSlide === lastSlide ) {
    jumpBack();
  }

  if (currentSlide === 0) {
    $('.last-slide').css('opacity') = '0';
    // set last slide opacity to 0
  } else {
    // set opacity to 1
    $('.last-slide').css('opacity') = '1';
  }
});
brtdzjyr

brtdzjyr1#

将以下内容添加到CSS中;

.slick-slide:has(+ .slick-current) {
  opacity: 0.5;
}

并更改为您想要的任何不透明度。请注意,此解决方案不适用于:has() is a newer CSS selector等较旧的浏览器(Firefox仍然不支持它)。

相关问题