如何动态添加图片到Photoswipe? - 隐藏概述

时间:2013-04-22 09:03:19

标签: jquery mobile photoswipe

我正在尝试动态地将图像附加到Photoswipe。

$('#imgholder').on('tap', function(event){  
  (function(window,PhotoSwipe){                                                                         var                                                                                        options = {
preventHide: true,
getImageSource: function(obj){
return obj.url;
},
getImageCaption: function(obj){
return obj.caption;
}
},
function(){
for (var i = 0; i < images.length-1; i++)
{
instance = PhotoSwipe.attach([{url:images[i]}],options);
}
}
instance.show(0);
}(window,window.Code.PhotoSwipe));
});

我正在努力避免使用图库标记,因为我不想显示图库概述。我的网址存储在一个简单的数组中。

var images = result.news[index].bilder_url.split("-,-");

是否可以将此数组附加到photoswipe或运行简单的for循环? 还是有不同的方法?

提前Thx:)

1 个答案:

答案 0 :(得分:0)

(function(window, PhotoSwipe){
var 
   options = {},
   instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options);
   instance.show(1);   
}(window, window.Code.PhotoSwipe));

这就是诀窍:)

在PhotoSwipe提供的示例中找到。