3

我一直在实现 flex 滑块的代码，它允许 flex 滑块之外的链接/按钮使用 LJ902 提供的 rel 标签定位特定幻灯片： jQuery FlexSlider hide Slider but retain visibility of Manual Controls

现在我很好奇，当 flex 滑块位于幻灯片的一部分中时，我如何能够更改目标链接/按钮的 css 状态（给它一个不同颜色的背景以指示它的活动状态）。

因此，例如在下面的示例中，当滑块处于图像 images/section2-Image01.jpg 到 images/section2-Image03 之间的状态时，第 2 节的幻灯片拇指链接的 css 状态会更改，对于第 2 节中的幻灯片3 第 3 节的滑动拇指链接的 css 状态已更改，第 2 节的样式恢复到以前的状态。本质上，当用户滑动/点击进入下一部分时，创建类似于标签的功能

<a rel="0" class="slide_thumb" href="#">Section 1</a>
<a rel="3" class="slide_thumb" href="#">Section 2</a>
<a rel="6" class="slide_thumb" href="#">Section 3</a>

<div class="flexslider">
    <ul class="slides">
        <li>
            <img src="images/section1-Image01.jpg" />
            </li>
            <li>
            <img src="images/section1-Image02.jpg" />
            </li>
            <li>
            <img src="images/section1-Image03.jpg" />
            </li>
            <li>
             <img src="images/section2-Image01.jpg" />
            </li>
            <li>
            <img src="images/section2-Image02.jpg" />
            </li>
            <li>
            <img src="images/section2-Image03.jpg" />
            </li>
            <li>
             <img src="images/section3-Image01.jpg" />
            </li>
            <li>
            <img src="images/section3-Image02.jpg" />
            </li>
            <li>
            <img src="images/section3-Image03.jpg" />
            </li>
        </ul>
  </div>

谁能帮我解决这个问题？在过去的一天左右，我平庸的开发技能被此难住了。谢谢！

4

0 回答 0