將圖片動態添加到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);