Как в fansybox задать разные цвета затемнения фона для разных модальных окон?

Question

[SexyMonkey]

Использую для модалок fansybox.
На странице имеются 2 разных модальных окна. При открытии одного оверлей должен быть чёрным, при открытии второго, белым.
Есть опция wrapCSS, однако она действует только на само окно, и не действует на оверлей.

Как быть?

UPD: Проблема решена, но м.б. есть более элегантное решение?

Answer 1

[SexyMonkey]

Проблема решена следующим способом.

$(document).ready(function() {
    $(".to-modal").fancybox({
        fitToView : false
    });
    $(".to-modal--emp").fancybox({
        fitToView : false,
        'beforeLoad' : function(){
            $('body').addClass('white');
        },
        'afterClose': function() {
            $('body').removeClass('white');
        }
    });
});

.white{
  .fancybox-overlay {
    background: url('../img/design/overlay--white.png');
  }
}

Comments

[Виталий Киренков]

То есть это не то же самое, что я написал?!

[SexyMonkey]

Виталий Киренков: А в чём, собственно, дело? Решение было найдено, написано, и отмечено решением раньше, чем вы написали свой ответ.

[Виталий Киренков]

Ответ написан 51 минуту назад - мой ответ.
Ответ написан 52 минуты назад - ваш ответ.

Вот в чём дело. Как то несправедливо, стараешься, пишешь, а в итоге...

[Виталий Киренков]

В общем, неважно...

[SexyMonkey]

Виталий Киренков: Ну если вам так принципиально....

Answer 2

[Виталий Киренков]

FancyBox - его есть две версии и у них колбэки называются по разному, но они есть и там и там.

Там есть метод - beforeShow - которое отрабатывается до показа контента. Вот на нем вешаете какой то класс на fancybox-overlay, ну и стилизуете этот класс из css как вам угодно, хоть градиентный оверлей туда впишите