如何将静态初始化转换为动态初始化

How to turn this static init into a dynamic one

本文关键字：初始化 转换 动态 静态      更新时间：2023-09-26

我有这个fanybox插件，这是伟大的，但我不认为有足够的例子在文档

$(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对象?

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

相关文章：