Fancybox2:更改叠加背景颜色和图像周围的填充

时间:2014-05-06 07:00:29

标签: jquery fancybox-2

我是一个完整的JS菜鸟 - 我试图在fancybox网站上的tipps之后修改我的Fancybox2安装,但我无法让它工作。我想要的是1.白色叠加而不是黑色叠加,约70%不透明度和2.减少填充(2px而不是默认值15)。 我被重定向到JSFiddle,我可以分别为这两个问题中的每一个更改代码 - 但我无法将两者结合起来。并且:我不知道粘贴该代码的位置。有谁能够帮我?提前谢谢!

这就是改变填充的技巧:

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
    padding: 2
});

这适用于背景颜色:

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(255, 255, 255, 0.75)'
            }
        }
    }
});

然而,我不知道如何结合以及将其放在何处。提前谢谢!

1 个答案:

答案 0 :(得分:0)

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
    padding: 2,
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(255, 255, 255, 0.75)'
            }
        }
    }
});