相机滑块的自定义 href 链接中的分页功能

Question

我正在使用Camera Slider。滑块有 3 个将自动滑动的图像。

我在使用 css 定位的滑块中添加了 3 个链接。这是我的html结构

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

我需要什么

当用户单击每个链接时，我需要更改滑块图像，例如滑块分页。简单地说，当用户点击 Slide1 <a href="#">Slide1</a> 时，滑块分别显示第一个滑块图像和。那么如何将分页功能赋予自定义href link。

这里的代码演示 - CodePen

Answer 1

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

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