Jquery Bxslider将中间幻灯片设置为活动幻灯片

我试图这样做，因为小时，但无法做到这一点

我试图将中间的幻灯片设置为活动幻灯片，但它似乎在上下移动

代码如下：

HTML

有人能帮忙吗

---

谢谢。

这是个棘手的问题。。。至少对我来说。在尝试了许多不同的东西，并阅读了BxSlider文档之后，我终于让它开始工作了

以下是我使用的代码：

var slider = $('.slider8').bxSlider({
    mode: 'vertical',
    slideWidth: 300,
    minSlides: 3,
    moveSlides: 1,
    slideMargin: 10,
    onSliderLoad: function () {
        $('.slider8>div:not(.bx-clone)').eq(1).addClass('active-slide');
    },
    onSlideAfter: function ($slideElement, oldIndex, newIndex) {
        $('.slide').removeClass('active-slide');
        $($slideElement).next().addClass('active-slide');        
    }
});

以下是您的小提琴的修改版本，以及其中的工作版本：

---

.

谢谢你，安迪！是的，这对我来说也是个棘手的问题。我自己花了几个小时在上面，最后把它贴在了这里。

var slider = $('.slider8').bxSlider({
    mode: 'vertical',
    slideWidth: 300,
    minSlides: 3,
    moveSlides: 1,
    slideMargin: 10,
    onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
    console.log(currentSlideHtmlObject);
    $('.active-slide').removeClass('active-slide');
    $('.slider8>div:not(.bx-clone)').eq(currentSlideHtmlObject + 1).addClass('active-slide')
},
onSliderLoad: function () {
    $('.slider8>div:not(.bx-clone)').eq(1).addClass('active-slide')
}

var slider = $('.slider8').bxSlider({
    mode: 'vertical',
    slideWidth: 300,
    minSlides: 3,
    moveSlides: 1,
    slideMargin: 10,
    onSliderLoad: function () {
        $('.slider8>div:not(.bx-clone)').eq(1).addClass('active-slide');
    },
    onSlideAfter: function ($slideElement, oldIndex, newIndex) {
        $('.slide').removeClass('active-slide');
        $($slideElement).next().addClass('active-slide');        
    }
});