lightSlider - 在旋转木马中间设置活动项目

时间:2017-01-10 15:23:47

标签: javascript css carousel

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

我怎样才能做到这一点?

enter image description here

2 个答案:

答案 0 :(得分:1)

此代码查找具有“active”类的项目并将滑块移动到该项目。

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

答案 1 :(得分:1)

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

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