Javascript 如何使用a标签指向另一页图像幻灯片中的图片

我试图将锚定标记指向另一页上滑块上的第三个图像，但它一直将我带到滑块上的第一个图像，如何解决此问题并在单击标记时显示滑块中的第三个图像

这是我的锚标签代码

  <a href="speakerid.php#s2"><h5 class="in-view__child in-view__child--fadein">Georgia Arnold</h5></a>

---

所以这不是一个免费的编码网站。向我们展示到目前为止您尝试了什么。您好，您应该提供您使用的代码，否则我们将无法帮助您。我做了，我刚刚编辑了我的代码，以便您能够看到它。感谢代码，您可以缩进它。。。这个li元素是你的滑块的一部分吗？你应该给我们完整的代码（不要犹豫，删除无用的部分（如不相关的文本和段落），这样我们就有了一个最小的可复制的例子。更多的上下文和更多的代码（javascript？）也不会有任何伤害（滑块是如何制作的，等等）。

<li id="s2">

<div class="board board--left">

<div class="row align-items-end">

<div class="col-12 col-md-6">

<div class="board__image poster in-view">

<figure><img class="lazyload--el lazyload in-view__child" src="assets/media/georgia.png" data-src="assets/media/georgia.png" alt="" width="445" height="600">

<div class="poster--cover in-view in-view__child" data-offset="90%"></div>

</figure>

</div>

</div>

<div class="col-12 col-md-6">

<div class="board__copy in-view">

<h2 class="in-view__child in-view__child--fadein">Georgia <br>Arnold</h2>

<p class="sub-head dashed in-view__child in-view__child--fadein">test <br>work</p>

<p class="indent in-view__child in-view__child--fadein">this is a test paragraph</p>

<p class="board__copy--links indent in-view__child in-view__child--fadein"><span class="sub-head dashed dashed--reverse dashed--hover in-view__child"><a href="#"><span class="sr-only">Follow us on linkedin</span><i class="fa fa-lg fa-linkedin-square"></i></a><a href="#"><span class="sr-only">Follow us on facebook</span><i class="fa fa-lg fa-facebook-square"></i></a><a href="#"><span class="sr-only">Follow us on twitter</span><i class="fa fa-lg fa-twitter-square"></i></a></span></p>

</div>

</div>

</div>

</div>

</li> 

var script = new function (){
var slider;

var sliderInit = function(){

slider = $("ul#hSlider").owlCarousel({
  loop: true,

  responsive: {
    0:{
      items: 1
    },
    992:{
      items: 1
    }
  }
});

sliderNavigation();
};


var sliderNavigation = function(){

var navItem = $(".slide a");

navItem.click(function(event){
  if($(this).hasClass("next")){
    slider.trigger("next.owl.carousel");
  }
  else{
    slider.trigger("prev.owl.carousel");
  }
  event.preventDefault();
  });
  snRepositioning();

  $(window).resize(function(){

  snRepositioning();
});
};

var snRepositioning = function(){

var sliderHeight = $("ul#hSlider").outerHeight();

var navHeight = $(".slide a").outerHeight();

var newHeight = (sliderHeight - navHeight) / 2;

$(".slide").css({top: newHeight+"px"}); 
};

this.init = function(){
sliderInit();
};
};

$(function(){
  script.init();
});