javascript - photoswipe - 在画廊展示期间添加图像

Question

我知道使用 jquery 将图像添加到 photoswipe 列表很简单，但我不知道如何在浏览图库时更新图像列表，即不返回图像列表。我发现的另一种选择（没有 jquery，因为它直接将图像添加到 photoswipe 实例）是使用下面的代码，但似乎在图库中更新列表的唯一可能性是返回到第一张图像（在去之前对于第一张图片，一切都是一团糟）。浏览图库时是否有刷新列表的功能？

for (i = 0; i < fileList.length; i++) { //add new image list
      console.log(fileList[i]);
      instance.cache.images.push(new Code.PhotoSwipe.Image.ImageClass(fileList[i], fileList[i].url, fileList[i].caption, ''));
    };

Answer 1

即使图库当前打开，您也可以将图像添加到 PhotoSwipe。

这是文档中的一个示例（请参阅动态添加幻灯片一章），其中pswp是您的 PhotoSwipe 对象（new PhotoSwipe()返回的内容）。

pswp.items.push({
  src: "path/to/image.jpg", 
  w:1200,
  h:500 
});

它适用于 PhotoSwipe v4.1.1