lightSlider - 在轮播中间设置活动项目

Question

我正在使用 lightSlider，我想将项目设置为 active 始终位于轮播中间。

我怎样才能做到这一点？

Answer 1

此代码找到带有 "active" class 的项目并将滑块移动到它。

var slider = $('#your-slider').lightSlider();    
slider.goToSlide($('.active').index());

Answer 2

他们添加了一个选项 centerSlide，您可以使用它来做到这一点。这是进行更改的提交的 link -> https://github.com/sachinchoolur/lightslider/pull/227/commits/7d90ea7f0367d8c37036d24ada9041f206bed5d7

$("#lightSlider").lightSlider({
    ...
    centerSlide:true,    
});