2

我在最后一张幻灯片上使用带有 startAt 选项的 Flexslider 2.0。

这似乎弄乱了定向导航。

以前有人遇到过这个问题并且知道如何解决吗？

我使用的代码没有什么特别之处：

    $(".period-slides").flexslider({
      animation: "slide", 
      animationLoop: false,
      itemWidth: 265,
      minItems: 4,
      maxItems: 4,
      controlNav: false,
      directionNav: true,
      prevText: "\ue75d",
      nextText: "\ue75e"
      startAt: 7
    });

编辑：添加了 HTML

<div class="period-slides">
  <ul class="slides">
    <li class="slide"><!-- repeated 8 times -->
      <div class="period-overview">
        <p>Some Content</p>
      </div>  
    </li>
  </ul>
</div>

编辑：它似乎没有正确指示当前的位置，在导航中似乎当前位置是第一张幻灯片。所以我在设置 startAt 时没有正确设置导航。

4

1 回答 1

0

根据您编辑中的 HTML，您总共有 8 个项目，这些项目将分为两张幻灯片，每张四张。

我认为您遇到的问题是设置startAt为 7 太高 - 您只有两张幻灯片，因此索引需要为 1 或 0。

当我设置startAt为 7 时，滑块最初显示为空白，我必须向后导航才能显示最后一张幻灯片。设置startAt为 1 或 0 会导致最初显示正确的幻灯片。

于 2013-01-17T10:13:50.363 回答