javascript - 如何将这种静态初始化转变为动态初始化

我有一个很棒的fancybox插件，但是我认为documentation上没有足够的示例

$(document).ready(function(){
    $('nav.main a#gallery').live('click',function() {
        $.fancybox([
            {href : 'img/galeria/fondo1.jpg', title : 'Title1','nextEffect' : 'fade',   'prevEffect'    : 'fade'},
            {href : 'img/galeria/fondo2.jpg', title : 'Title2','nextEffect' : 'fade',   'prevEffect'    : 'fade'},
            {href : 'img/galeria/fondo3.jpg', title : 'Title3','nextEffect' : 'fade',   'prevEffect'    : 'fade'},
            {href : 'img/galeria/fondo4.jpg', title : 'Title4','nextEffect' : 'fade',   'prevEffect'    : 'fade'}
        ]);
    });
});

就像您看到的那样，这在fancybox中加载了一些图像。

我希望能够通过向其传递javascript对象来做到这一点，所以我不需要知道（或在init中）有多少个图像并管理该对象的更新，但是我只是不知道看看如何做。

谁能帮忙。

最佳答案

您是否尝试过传递有效的json对象？

示例：JsFiddle

关于javascript - 如何将这种静态初始化转变为动态初始化，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8601644/