刷新后在同一张幻灯片上保留轮播图像

Question

我有一个简单的 html 图像轮播用作讲故事的演示。每当我点击刷新按钮时，它总是让我回到第一张图片。刷新页面后如何停留在当前查看的图片上？我觉得使用 localStorage 或 sessionStorage 是答案，但我还不够聪明，无法实现这一点。有人可以帮忙吗？这是我的演示的链接：

https://magicdoors.org/eximagesubtitle.html

添加细节：每张图片底部都附有副标题，以添加对图片的描述。本质上，它的两个轮播（图像轮播+字幕轮播）与上一个和下一个按钮链接在一起。我没有使用引导程序。

我的临时解决方案是使用这行 javascript，它允许您添加一个 window-reload 事件侦听器，它会在重新加载时将您发送到特定的轮播幻灯片，但是您每次都必须手动更改幻灯片编号，所以这很糟糕我的解决方案：

`<script>
  // index.js
window.addEventListener("load", (event) => {
  currentSlide(85); 
});
</script>`