Question

当我使用Slick Slider时，我正试图将/frant /franythingafter /fr-13212 /page1231 /page-28 /fr21两侧的两张幻灯片作为目标。通过CSS或JavaScript / jQuery。有没有办法在这两张幻灯片中添加一个类？

在this code example上，当幻灯片2激活时，我想选择幻灯片1＆amp; 3。

Answer 1

考虑到您当前的初始化，您可以使用作为事件回调参数传递的幻灯片索引挂钩到afterChange事件以获取上一张和下一张幻灯片：

$('.slider').on('afterChange', function(event, slick, currentSlide){
    var next = $('.slider').find('[data-slick-index="'+(currentSlide+1)+'"]');
    var prev = $('.slider').find('[data-slick-index="'+(currentSlide-1)+'"]');
    console.log(next, prev);
});

或者您可以获取当前的幻灯片索引，然后使用相同的技术获取上一张和下一张幻灯片：

var currentSlide = $('.slider').slick('slickCurrentSlide');
var next = $('.slider').find('[data-slick-index="'+(currentSlide+1)+'"]');
var prev = $('.slider').find('[data-slick-index="'+(currentSlide-1)+'"]');
console.log(next, prev);

使用CSS定位.slick-current幻灯片两侧的第一个元素

1 个答案: