如何用图像数组打开fancybox

时间:2012-01-11 23:23:17

标签: jquery fancybox

我在JS中有一系列图像溃疡:

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

我正在使用Fancybox 2。

如何使用数组图像打开fancybox?

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

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

但是这只显示了一个带有网址的文本框。

我的最终结果应该是一个幻灯片,可以像幻灯片一样显示图像。

由于

1 个答案:

答案 0 :(得分:10)

找到解决方案: 照片数组必须采用以下格式:

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

然后它正在运作。

初始化通过以下方式正确完成:

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

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