组合fancyBox脚本

Combining fancyBox Scripts

本文关键字:脚本 fancyBox 组合      更新时间:2023-09-26

我刚开始使用fancyBox,并且在组合一些命令时遇到了麻烦-我希望这里有人可以帮助我。我想将以下三个脚本结合起来,但到目前为止我还没有运气。我也不知道该怎么办,如果你能帮忙的话,我将不胜感激。

<标题> 1:http://jsfiddle.net/ZePx5/
$(".fancybox").fancybox({
helpers : {
    title: {
        type: 'outside'
    }
}

});<标题> 2:http://jsfiddle.net/nJfAZ/

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    padding : 0
});
<标题> 3:http://jsfiddle.net/vkDcG/
$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    beforeLoad: function() {
        this.title = $(this.element).attr('caption');
    }
});

我希望fancyBox能够同时处理所有3个条件,但是当我试图组合它们时,我只是不断破坏fancyBox。提前感谢任何帮助!

解决方案应该是:

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    helpers : {
        title: {
            type: 'outside'
        }
    },
    padding : 0,
    beforeLoad: function() {
        this.title = $(this.element).attr('caption');
    }
});