从单个页面开始不同的灯箱画廊

Question

我需要从单个站点启动不同灯箱画廊的帮助。

我有一个html网站，其中显示了6张针对不同画廊的图片。如果我尝试使用此网站（https://www.w3schools.com/howto/howto_js_lightbox.asp）的灯箱画廊，我最终将拥有全部6张图片，但是我不知道在哪里更改代码以为每张图片获得不同的画廊。

'''html
<div class="gallery-pics">
 <div class="image">
  <img src="img/Gallery01/01.jpg" alt="xxxx">
  <p>Name of Gallery01</p>
 </div>
 ...
 <div class="image">
  <img src="img/Gallery06/01.jpg" alt="xxxx">
  <p>Name of Gallery</p>
 </div>
</div
'''

我在上面提供的网站上使用的当前代码将导致当前网站上的每张图片（gallery01 / 01.jpg，gallery02 / 01.jpg等）最终会出现在画廊中。

我想要的是，如果我单击Gallery01，则应该以例如开始一个图库。 6张Gallery01图片（gallery / 01.jpg，gallery / 02.jpg）。

有可能还是每个画廊都要做一页吗？解决方案也可以使用javascript。

预先感谢您的帮助。