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

时间:2013-03-04 14:53:48

标签: javascript jquery photoswipe

我知道用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, ''));
    };

1 个答案:

答案 0 :(得分:0)

即使画廊当前处于打开状态,您也可以将图像添加到PhotoSwipe。

以下是documentation的示例(请参阅动态添加幻灯片一章),其中 pswp 是您的PhotoSwipe对象( new PhotoSwipe()< / em>返回)。

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

它适用于PhotoSwipe v4.1.1