javascript - 将图像动态添加到 photoswipe

标签 javascript photoswipe

有没有一种方法可以在创建 photoswipe 画廊后将图像动态添加到它。

情况是这样的。

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

目前在元素回调中(在加载图像并附加元素之后)我有

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

除了在它自己的画廊中创建每个元素外,这可行。有没有办法获取现有图库的句柄并附加到它?

最佳答案

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

关于javascript - 将图像动态添加到 photoswipe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10605720/

相关文章:

当到达画廊结束/开始时,JavaScript 画廊关闭(而不是循环)

javascript - react 路由器 v6 在组件之外导航

javascript - javascript 字符串中带有 HTML 注释的奇怪行为

javascript - 如何避免SmartSevice中的PhotoSwipe缩放至图像原始尺寸?

javascript - 在图像列表上调用 PhotoSwipe 的简便方法

android - 带有远程图像的 Phonegap + Photoswipe

javascript - 当变量名称等于字符串时如何调用变量?

javascript - 如何让一个 CSS 类一次只为一个对象工作?

javascript - 用于检查页面高度的 jquery 代码似乎无法正常工作

javascript - Ember.js 在使用 ModelFor ('' 时)与后退按钮一起无法加载数据