navigation - FlexSlider 导航

Question

我在一个非常受欢迎的网站上使用FlexSlider，其中有一些滑块。

那么我怎样才能让每个滑块都有不同的按钮——返回和下一步。

现在每个滑块都有类——flex-direction-nav，它们都有类似的按钮。

我的问题是如何将不同的类放在一起，因为我想为按钮使用不同的图像（大小和颜色）。

谢谢！

Answer 1

也许您可以用不同的容器 DIV 包装不同的滑块，或者给它们两个不同的类？假设我有 2 个 flexslider，名为 flexSlider1 和 flexSlider2

<div class="flexslider flexSlider1">
  <ul class="slides">
    <li>...</li>
    <li>...</li>
  </ul>
</div>

<div class="flexslider flexSlider2">
  <ul class="slides">
    <li>...</li>
    <li>...</li>
  </ul>
</div>

现在访问您在 CSS 中的不同按钮，例如

.flexSlider1 .flex-next {
     background: ...
}