使用基于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');
});
}
我尚未对此进行测试,因此使用风险自负:)