Непрозрачность наложения Fancybox

Я использую плагин fancybox версии 2.0.6.

Я пытаюсь изменить непрозрачность наложения, как описано в документации, но не могу заставить его работать. Может ли кто-нибудь посоветовать, как я могу делать это неправильно.

Спасибо.

Вот что у меня есть:

    $(function () {
        $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            padding : 0,
            margin : 0,
            arrows: false,
            closeBtn: false,
            closeClick: true,
            openEffect : 'none',
            openSpeed : 100,
            closeEffect : 'none',
            closeSpeed : 100,
                helpers : {
                    title : null,
                    speedIn: 0,
                    speedOut: 0,
                    opacity: 0.8,
                }
            });
        });

jquery fancybox fancybox-2
person boyce    schedule 20.08.2012    source источник
comment
meta.stackexchange.com/a/5235   -  person JFK    schedule 21.08.2012

Ответы (2)


arrow_upward
4
arrow_downward

Попробуйте вариант helpers следующим образом:

helpers : {
 overlay : {
  speedIn    : 0,
  speedOut   : 0,
  opacity    : 0.5
 },
 title : null
}

EDIT (12 сентября 2012 г.): параметр helpers =>overlay=>speedIn был удален, начиная с версии fancybox v2.1. Он по-прежнему действителен для версии 2.0.6 и ниже.

person JFK    schedule 20.08.2012

arrow_upward
2
arrow_downward

Я считаю, что этот вариант работает лучше всего, он использует CSS RGBA...

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});

Вот официальная скрипка: http://jsfiddle.net/jRsjK/

person Jack Barham    schedule 10.06.2014