快速（预加载？）缩略图幻灯片，每张幻灯片包含多个图像文件

Question

1. 如何制作基于HTML的幻灯片，每张幻灯片显示多张图片（缩略图）？
2. 当我想要前进时，如何确保下一张幻灯片（即下一组缩略图）尽快显示？ （例如，预先加载所有图像或类似图像，可能提前预览多张图片）
3. 如何实现功能，以便点击缩略图在幻灯片放映的顶部显示大图片，并且当我浏览幻灯片时，这张大图片还会来回切换？

---

一些背景知识：

我正在进行一项多仪器案例研究，这意味着我有一个文件夹，其中有大量图像显示某个日期/时间内给定仪器的数据（见图）。我希望将网格中单个日期/时间的所有图像显示为单个＆＃34;幻灯片＆＃34;在HTML幻灯片中，还可以使用箭头键快速滚动幻灯片（图像组）。我的目标是在我的计算机上本地执行此操作（本地图像和html文件）。

我之前已经绘制了所有内容并将所有不同的图表保存为单个文件（如上图所示），遗憾的是这意味着所有内容都必须重新绘制（绘制时需要10-20小时才能运行）每次我需要更改其中一个图中的任何内容时，每小时都有7个小时的数据。从长远来看这是不可取的（如果我不做任何事情，那确实是一个很长的路要走）。这就是为什么我要分别保存所有小块并按上述方式显示它们的原因。