使用基于bxslider.js构建的滑块

我需要一个回调,以将LI设置为在幻灯片上处于活动状态,并将活动类从刚刚打开的前一个LI上移除。

我得到了一个非常粗糙的示例,但是缺少JS知识,无法编写脚本来检测onAfterSlide活动幻灯片,告诉相应的LI处于活动状态,然后从任何先前的LI中删除任何活动状态。 onlcick回调工作正常,onAfterSlide需要一些帮助。

可行的示例:http://diveidc.com/slider.php
在这里,我确实进行了粗略的尝试来使下一个LI变为活动状态,但无法删除先前的LI。基本上都是红色的,因为它们都分配了活动类别,当幻灯片经过循环时,我只需要将活动类别分配给与当前幻灯片相对应的LI。即:slide1 = li1活动,slide2 = li2活动等。

BXslider http://bxslider.com/options的来源

最佳答案

onAfterSlide: function(active) {
   $('someul li').each(function() {
      if($(this).index() == active)
         $(this).addClass('active');
   });
}


我尚未对此进行测试,因此使用风险自负:)

09-18 06:01