添加带有突出显示的导航按钮到jQuery Cycle

时间:2010-12-21 22:51:59

标签: jquery

我目前正在使用jQuery循环来显示特色项目。我目前有下一个和上一个按钮设置,我之间还有四个圆形按钮。我希望它们既可以作为相应幻灯片的链接,也可以为幻灯片当前处于活动状态的按钮添加一个类。我有导航设置和活动类设置我只需要jQuery。

您可以在顶部主滑块的http://jjnold.com/dev处看到代码。

我认为分配课程可能是这样的,但我不确定如何链接到相应的幻灯片并让它们一起工作。非常感谢任何帮助。

$('.featuredNavInt a').click(function()
{
  $('.featuredNavInt a').removeClass('active');
  $(this).addClass('active');
});

1 个答案:

答案 0 :(得分:0)

循环插件支持用于构建寻呼机的寻呼机选项(即箭头之间的点)。在第二部分中有一个简单的例子:

  

http://jquery.malsup.com/cycle/int2.html

我认为您将使用pagerAnchorBuilder选项为构建单个寻呼机元素提供回调,以便您可以使用您的点。还有其他几个pager options,所以你应该能够连接它,而不必自己添加或删除类。

似乎没有“转到幻灯片N”的命令,因此您必须通过循环内置的寻呼机支持。

这里有各种其他寻呼机示例:

  

http://jquery.malsup.com/cycle/more.html?v2.23