如何把这种静态初始化成一个动态的

Question

我有这样的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中）并管理更新对象，但我只是没有看到如何做到这一点。

任何人都可以帮忙。

Answer 1

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

function getGaleriaObject() 
{ 
    // do your database/what ever stuff here 
    var obj = [ 
      {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'} 
     ]; 
    return obj; 
} 

$(document).ready(function(){ 
    $('nav.main a#gallery').live('click',function() { 
     var obj = getGaleriaObject();  
     $.fancybox(obj); 
    }); 
}); 

Examle：JsFiddle