将图片动态添加到Photoswipe

Question

我正在尝试将图片（从数组中）动态添加到photoswipe。我试图使用jquery的“追加”方法，但没有成功。我还全面了解了人们在网络上对这个问题所写的内容，但是我没有找到答案。任何帮助都是值得欢迎的。

Answer 1

我发现了一种将图像动态添加到photoswipe的方法，但它有点冒失。

有3个吊环必须做到：

1. 更新originalImages（不知道如何importent这是）。
2. 将点击处理程序添加到所有图像。
3. 将所有图像添加到instance.cache.images。

我这样做是用下面的代码：

 var images, image, i, metaData, src,caption, 
     Util =window.Code.Util; 
     images=$('#addedImages').find('a'); 
     instance.originalImages = $('#all-photo-swipe-images').find('.a'); 
     for (i = 0; i < images.length; i++) { 
      image = images[i]; 
      src = instance.settings.getImageSource(image); 
      caption = instance.settings.getImageCaption(image); 
      metaData = instance.settings.getImageMetaData(image); 
      image.__photoSwipeClickHandler = PhotoSwipe.onTriggerElementClick.bind(instance); 
      Util.Events.remove(image, 'click', image.__photoSwipeClickHandler); 
      Util.Events.add(image, 'click', image.__photoSwipeClickHandler); 
      image = new PhotoSwipe.Image.ImageClass(image, src, caption, metaData); 
      instance.cache.images.push(image);