Javascript 直接在jQuery幻灯片中显示目标图像

我喜欢这个脚本的工作方式：

然而，我想知道，有没有办法直接针对幻灯片中的每个图像？

因此，我可以点击一个超链接，上面写着“图片3”，它会加载一个特定的图片，而不是使用当前的导航按钮

这是脚本本身：，但我只需要知道如何在HTML中直接针对每个图像

有人能帮我吗

---

非常感谢

您应该能够使用showImage（）函数更改图像

showImage(photoObject, currentContainer, activeContainer)

---

每个图像不会同时加载到幻灯片中，而是有一个元素显示每个图像，幻灯片通过更改图像的源来工作

但是，如果您只想创建一个链接来自动加载某个图像，那么您应该能够解决这个问题。图像数据存储在一个名为“photos”的数组中，因此您应该能够创建一个按钮来触发给定照片的加载。该脚本使用一个函数“导航”来前后移动，因此您需要做的是修改它，以允许加载任意照片

像这样的

var navigate_to = function(image_number) {
  if(animating) {    
    return;    
  }  
  currentImg = image_number;

  var currentContainer = activeContainer;
  if(activeContainer == 1) {
    activeContainer = 2;
  } else {
    activeContainer = 1;
  }
  showImage(photos[currentImg - 1], currentContainer, activeContainer);
};

应该可以，但我还没有测试过它-你可能需要稍微按摩一下索引，它才能完美工作。然后，您所需要做的就是创建一个链接，该链接将使用它所指向的索引调用此函数

更具体地说，您可以创建如下元素-

<div class="navigator">1</div>

---

无需专门创建超链接，因为这是在页面导航中进行的。如果单击了一个类为“navigator”的元素，该元素中的值将被发送到“navigate_to”。只要在导航元素中放入整数，这应该足够好了

嗨，烤面包。非常感谢你的回复。你能用一个例子告诉我这是怎么回事吗？我对JS不太感兴趣。非常感谢：）谢谢你，泡泡。你能解释一下我将如何在HTML超链接中使用它吗？我已经扩展了我的答案，希望它足够让你使用它。非常非常感谢。我现在就来试试&我会让你知道我的情况。我想你必须从这里开始，我不能解决每一个小问题，除非你有一个独立承包商的预算；）我发布的版本确实将图像更改为海滩上的图像；确保单击时有不同的图像。

$(".navigator").on("click", function () {
  navigate_to(parseInt($(this).html(), 10));
});