如何打开带有图像数组的fancybox

问题描述 投票:0回答:1

我有一个 Javascript 中的图像 URL 数组:

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

我正在使用 Fancybox 2。

如何打开带有数组图像的 Fancybox?

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

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

但这只是显示了一个带有 URL 作为文本的精美框。

我的最终结果应该是一个像幻灯片一样显示图像的精美盒子。

javascript jquery fancybox
1个回答
13
投票

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

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 : {}
    }
});
© www.soinside.com 2019 - 2024. All rights reserved.