在我的jquery产品幻灯片中添加导航点

时间:2014-12-01 12:41:47

标签: jquery html css navigation slideshow

我现在正在制作幻灯片,但无法弄清楚如何使用我的代码来获取一些导航点(" ol li")。问题是:我需要知道" li"中的当前元素。标签(动态)

应该是这样的:

var index = $(this).index();

我也不确定

<ol>
    <li>
    <li>
    <li>
    ...
<ol>

是一个好主意,以及如何在元素增长时动态添加列表元素。

但是,幻灯片的效果非常好。只有导航点才是问题所在。

以下是适合您的jsfiddle: http://jsfiddle.net/5ad2qmvb/19/

1 个答案:

答案 0 :(得分:2)

我看了你的代码,解决方案非常简单。在点击了我没有用正确的索引更新sliderint和slidernext之后,我改变了这一点,你的小提琴开始工作了。 老:

sliderInt = sliderNext;
sliderNext = sliderNext+1;

新:

  sliderInt = index;
  sliderNext = index +1;
  • 工作小提琴:

JsFiddle