我有一个图像滑块,单击下一个和上一个按钮以显示当前图像时,类名“当前”会更改。我想创建一个单独的“概述”页面,该页面在网格中显示所有图像,然后单击图像时将您定向到“滑块”页面,并且所选图像的类别为“当前”。 因为无法从“概述”页面访问和添加/删除“当前”类,所以我不确定如何实现所需的功能。我希望有一种方法可以加载Slider页面并传递一个函数,该函数可以更改您所指向的页面上的类名。
以其他方式解决此问题的任何帮助或建议,将不胜感激。
此外,这只是使用Vanilla JS。我相对较新,但仍在尝试了解基本知识。
谢谢!
答案 0 :(得分:0)
想到的最简单的解决方案是使用GET parameter:https://example.com/overview?currentimage=1
。这样,您可以在网址中包含图片ID,并可以在概述页面上采取相应的措施。但是,这仅在您打开新页面时起作用。
如果您希望图像随着滑块上的更改而在概览页面上实时更改,则必须查看cookies
,session
和/或{{1} }。这些使您可以跨多个页面存储和共享数据。您可以在滑块更改时更新cookie /会话/存储,然后使用循环检索概述页面上的数据,该循环每隔一两秒检查一次更改,并更新网格。