动态添加图片到PhotoSwipe

Question

是否有一种方法在创建Photoswipe图库后动态添加图片。

情况是这样的。

我正在从服务器获取图像url并在画廊中显示它们。当项目被下载时，锚点和img元素将被添加到页面中。我希望能够同时将每个元素附加到Photoswipe图库中。

目前，在元素回调中（在加载图像和元素添加之后），我有

 $elements.photoSwipe({ enableMouseWheel: false , enableKeyboard: false });

这段代码可以正常工作，但它会将每个元素都创建在自己的图库中。有没有办法获取现有图库的句柄并将其附加到其中？

- Justin Ohms

Answer 1

if(this.photoSwipe == undefined){
   this.photoSwipe = $elements.photoSwipe(photoSwipeOptions);
}else{
    this.photoSwipe.append($elements);  //use jQuery append
}

- Justin Ohms

---

Photoswipe 没有 append() 方法。 - Adam Bailin

append是jQuery的方法，而不是Photoswipe的方法。请注意，this.photoSwipe是一个jQuery对象。http://api.jquery.com/append/ - Justin Ohms

我仍然同意Adam的观点，如果我尝试你的代码，我会得到一个TypeError: this.photoSwipe.append不是一个函数，请问你能否详细说明一下你是如何让它工作的？ - Tobias

PhotoSwipe文档中没有关于append方法的说明。您可以通过更改pswp.gallery项来动态添加项目。有关更多详细信息，请参见此答案https://stackoverflow.com/a/46525547/2190075。 - fandasson

Answer 2

我已经提交了一个关于PhotoSwipe的拉取请求。

拉取请求

如果您需要动态地添加/删除项目而不改变当前项目的状态，您可以使用此版本。

- icese7en