您好，我在使用JS创建动态库时遇到问题：

• 我不知道如何使用JS获取我的画廊-“ gallery-pk-1-1”

  let result = []
  while(result.length < 6) {
      let num = Math.round(Math.random() * 45);
      if(!result.includes(num)) {
          result.push(num);
      }
  }
  result.sort((a,b) => {
      return parseInt(a) - parseInt(b);
  });
  console.log(result);
  

• 我不知道如何使用JS在图库中添加图像
• 点击即可打开精美的图片库（如果我只是使用代码上限添加更多图片，这很容易，但是我的网站加载速度慢，因为图片很多-这就是为什么我只想在用户点击主图片时创建图片库）
• 我想为1个画廊创建1个JS函数，我将在其中一个一个地添加图像，因为我没有任何普通的数据库，只是名称不同的图像。
• 我的画廊代码：

  <a data-fancybox="gallery-pk-1-1" href="data/images/sertificate/PARK TOWER/1 rooms/1 type/main.jpg" data-caption="">
    <img class="img-fluid" src="data/images/sertificate/PARK TOWER/1 rooms/1 type/main.jpg" alt="" style="height: auto">
  </a>