我想使最后一张幻灯片不透明度为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';
}
});
1条答案
按热度按时间brtdzjyr1#
将以下内容添加到CSS中;
并更改为您想要的任何不透明度。请注意,此解决方案不适用于:has() is a newer CSS selector等较旧的浏览器(Firefox仍然不支持它)。