结合fancyBox脚本

时间:2012-12-28 21:33:44

标签: javascript fancybox

我是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。在此先感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

嗨解决方案应该是:

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