FlexSlider导航

Question

我使用FlexSlider的一个非常流行的网站，我有一些滑块在它。

那么我怎么才能让每个滑块都有不同的按钮-- back和next。

现在每个滑块都有class - flex-direction-nav，而且所有的滑块都有类似的按钮。

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

谢谢!

Answer 1

也许你可以用不同的容器DIV包装不同的滑块，或者给它们不同的类？假设我有两个挠性滑块，分别名为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: ...
}