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

Question

我知道使用 jquery 将图像添加到照片滑动列表很简单，但我不知道如何在浏览图库时更新图像列表，即不返回图像列表。我发现的另一种选择(没有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。

这是来自 documentation 的示例(请参阅动态添加幻灯片一章)其中 pswp 是您的 PhotoSwipe 对象(new PhotoSwipe() 返回的内容)。

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

它在 PhotoSwipe v4.1.1 中对我有用