@Sashjkeee
f-e

Смена цвета overlay fancybox?

Такой вопрос. Есть на странице 2 popup-окна (разные). Но подгружаются они одни и тем же способом. Подскажите пожалуйста. Как мне поменять цвет overlay, когда вызывается второй попап?

open: function(e) {
        var view = this
        e.preventDefault()
        var self = $(e.currentTarget)
        var src = self.attr('data-open')
        var href = self.href
        if (src.substr(0, 1) === '#') {
            $.fancybox($(src).html(), {
                type: 'html'
            });
        } else {
            $.fancybox.showLoading()
            $.ajax({
                type: 'get',
                cashe: false,
                url: src,
                data: {
                    'ajax': '1'
                }
            })
                .done(function(data) {
                    var data = $(data)
                    $(data).find('form').bind('submit', function(e) {
                        view.submitAjax(e)
                    })
                    $.fancybox(data)
                })
                .fail(function() {
                    $.fancybox.hideLoading()
                    alert('("' + src + '") окно не доступно,\nбудет выполнена переадресация')
                    window.location.href = href
                })
        }


    },
  • Вопрос задан
  • 559 просмотров
Пригласить эксперта
Ответы на вопрос 1
hector2009
@hector2009
Frontend Developer
Первый попап, который статический:

$.fancybox($(src).html(), {
type: 'html',
helpers : {
overlay: {
opacity: 0.5,
css: {'background-color': 'yellow'}
}
}
});

Второй, который на AJAX:
$.fancybox(data,{
helpers : {
overlay: {
opacity: 0.5,
css: {'background-color': '#ff0000'}
}
}
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы