javascript - 相机 slider 的自定义 href 链接中的分页功能

Question

我正在使用Camera Slider 。 slider 有 3 个图像，会自动滑动。

我从 slider 中添加了 3 个用 css 定位的链接。这是我的 html 结构

<div class="custom-navigation">
  <a href="#">Slide1</a>
  <a href="#">Slide2</a>
  <a href="#">Slide3</a>
</div>

正是我所需要的

当用户单击每个链接时，我需要更改 slider 图像，例如 slider 分页。只是意味着当用户单击 Slide1 <a href="#">Slide1</a> 时 slider 分别显示第一个 slider 图像 和 。那么如何给自定义的分页功能href link .

代码演示在这里 - CodePen

Answer 1

$('.custom-navigation a').click(function(){
    $('.camera_pag_ul li').eq( $(this).index() ).click();
});

点击自定义链接时只需传递“点击相应分页链接”