Jquery 如何在中心li上添加活动类

我想做一个基于DIV的“coverflow效果”。我决定使用bxslider，一切正常，但我没有得到我想要的中心“缩放效果”。。。您可以在这里看到我想要的示例。

http://www.cssjquery.com/coverflow.php

我不确定如何在bxslider上获得这种效果。如果我在每个中心加上额外的课程，有可能吗？意思是，无论哪个“li”移动到中心，我都可以添加一个类“active”。。。所以我可以进行主动转换：sceal等

你对我如何做到这一点有什么想法吗？或者您可以为此推荐的任何其他coverflow脚本

谢谢

演示

---

使用内置API，如bxSlider中的onSlideBefore、onSliderLoad，可以实现动画

jQuery(function($){

var slider = $('.bxslider').bxSlider({
 minSlides: 1,
  moveSlides:1,
  maxSlides: 3,
   pager:false,
  controls:false,
  slideWidth: 360,
  slideMargin: 0,
    onSlideBefore : function($slideElement, oldIndex, newIndex){ // your code here 

$(".bxslider li").removeClass("active-slide")
        $slideElement.next().addClass("active-slide")
},
    onSliderLoad:function(index){

$(".bxslider li").eq(1+$(".bxslider .bx-clone").length/2).addClass("active-slide")
    }
});

---

演示：

您可以做的是将

类设置为active

。然后，使用下一页和上一页按钮，使用jquery

.prev（）和
.next（）选择下一页或上一页幻灯片（
li
）
jQuery(function($){

var slider = $('.bxslider').bxSlider({
 minSlides: 1,
  moveSlides:1,
  maxSlides: 3,
   pager:false,
  controls:false,
  slideWidth: 360,
  slideMargin: 0,
    onSlideBefore : function($slideElement, oldIndex, newIndex){ // your code here 

$(".bxslider li").removeClass("active-slide")
        $slideElement.next().addClass("active-slide")
},
    onSliderLoad:function(index){

$(".bxslider li").eq(1+$(".bxslider .bx-clone").length/2).addClass("active-slide")
    }
});