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

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();
});

点击自定义link时传递'click to correspond pagination link'即可

Pagination function in custom href link for camera slider