如何打开的fancybox与图像阵列

我有图像ulrs的JS数组：如何打开的fancybox与图像阵列

photos= ['img1.jpg','img2.jpg',...]

我使用的fancybox 2

我怎么能打开的fancybox与阵列的图像？

$('#start_slides').fancybox({ 
    'openEffect' : 'elastic', 
    'closeEffect' : 'elastic', 
    'openSpeed'  : 600, 
    'closeSpeed' : 200, 
    helpers : { 
     buttons : {} 
    } 
}); 

$.fancybox.open(photos,{});

但是，这只是显示一个fancybox的URL作为文本。

我的最终结果应该是像幻灯片一样显示图像的fancybox。

由于

来源

2012-01-11 SailAvid

我建议您发布的解决方案作为一个答案，并从问题中移除。然后在两天内打勾，为自己赢得一个英俊的+2。 – karim79 2012-01-11 23:41:27

感谢您的提示。我想添加它作为一个新的职位。但由于我没有足够的积分，我不得不等待8个小时才能回答自己。 – SailAvid 2012-01-15 17:30:41

实测值的溶液：这些照片阵列必须是如下格式：

photos = [ {href : 'img1.jpg', title : 'Title'}, {href : 'img2.jpg', title : 'Title'} ]

然后，它是工作。

而且初始化由corectly完成：

$('#start_slides').fancybox(); 

$.fancybox.open(photos,{ 
    'openEffect' : 'elastic', 
    'closeEffect' : 'elastic', 
    'nextEffect' : 'fade', 
    'openSpeed'  : 600, 
    'closeSpeed' : 200, 
    helpers : { 
     buttons : {} 
    } 
});

来源

2012-01-15 17:29:22 SailAvid

+1完美。我收到一个错误'Uncaught Error：Syntax error，unrecognized expression：/images/800x600/10.jpg'，它似乎来自requireJS。以你提到的格式转换传递给fancybox的数组解决了这个问题！ – dvtoever 2012-09-14 09:28:34

你不知道你会如何在特定索引处打开这些照片？ – user151496 2014-07-21 07:50:26

如何打开的fancybox与图像阵列

回答

相关问题