清爽的图片轮播网站总是让我回到第一张图片

问题描述 投票:0回答:0

我正在使用 VSCode 设计一个简单的图像轮播,用作讲故事的演示。每张图片底部都有一个副标题,用于添加图片描述。本质上,它的两个轮播(图像轮播+字幕轮播)与上一个和下一个按钮链接在一起。 我的问题是,如果我想编辑特定的字幕或图像,当我按下 Ctrl-S 并重新加载浏览器时,我总是会返回到第一张图像。

当我想在任何其他图像/字幕(#1 除外)上立即看到我的编辑时,这很令人沮丧。我正在使用 (ritwick dey) Live Server 扩展在按 Ctrl-S 后更新对我站点的更改。这是我网站演示的链接——如您所见,点击刷新按钮总是让我回到第一张图片:

https://magicdoors.org/eximagesubtitle.html

我已经尝试寻找一个替代的 Live Server 扩展,它只允许重新加载某些元素而不是整个站点。据我所知,这不存在(?)我的临时解决方案是使用这行 javascript,它允许您添加一个窗口重新加载事件侦听器,它会在重新加载时将您发送到特定的轮播幻灯片,但您必须每次都手动更改幻灯片编号,所以这对我来说是一个糟糕的解决方案:

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

我研究过的唯一其他事情是使用“本地存储”或其他东西,但我在这方面并不先进,也无法自己解决这个问题。如果有人有任何解决方案,将不胜感激!

local-storage carousel page-refresh liveserver
© www.soinside.com 2019 - 2024. All rights reserved.