Javascript 在JS幻灯片中单击图像时转到其他URL并定位

我是网络编程新手。我刚刚成功地编写了一个JS幻灯片，但现在我想为幻灯片的每个图像添加一个onclick函数，这样当单击图像时，它会指向一个新的URL或锚定

这就是意图。单击幻灯片中的图像时：

转到新URL（新浏览器窗口）

转到同一页面（同一浏览器窗口）的定位点

转到另一页（同一浏览器窗口）的定位点

谷歌搜索结果我看到有太多的JS方法。我真的不知道在哪里以及在我的代码中添加什么（我试过了，但当然不起作用）。像document.getElementById（imageID）.onclick或.href这样的方法会使事情变得复杂

我只是想看看是否有一个非常简单的方法，不需要花哨，只要几段代码就好了。我的代码如下：幻灯片仅使用头部和身体，如图所示：

//============这是我的HTML标题（CSS）：

#图1{
不透明度：1；
过渡：不透明度0.1s；
}
#图像1.1淡出{
不透明度：0；
}

//============这是带有JS幻灯片代码的HTML正文：

---

我真的不知道“转到URL”应该在哪里。我猜它一定是在一个

中？我只希望在幻灯片中有最简单的方法来实现“每个图像点击到URL”功能。谢谢

最简单的方法可能是将每个

img

标记包装在一个

a

标记中，该标记链接到正确的URL。不需要为该部分使用JS

<div>
    <a href = "image1url">
        <img id="image1"/>
    </a>
</div>

---

问题的部分解决方案是在img标签中添加onclick属性，如下所示：

<img onclick="changeUrl()" id="image1" />

我不知道你还想完成什么，但我希望这能有所帮助！继续学习

<div>
    <a href = "image1url">
        <img id="image1"/>
    </a>
</div>

<img onclick="changeUrl()" id="image1" />

.....//continued code
slideShow();
function changeUrl() {
    window.open("https://www.google.com"); // Enter any url here.
}