Показать сообщение отдельно
  #3 (permalink)  
Старый 30.01.2015, 15:43
Новичок на форуме
Отправить личное сообщение для tania2509 Посмотреть профиль Найти все сообщения от tania2509
 
Регистрация: 29.01.2015
Сообщений: 2

Сообщение от danik.js Посмотреть сообщение
В том плагине предусмотрены опции beforeOpen, afterOpen, beforeClose, afterClose .

В beforeOpen или afterOpen - сменить фон, в afterClose - вернуть обратно.

Фон меняется через document.body.style.backgroundImage = 'url(' + тут url картинки + ')';
Спасибо большое за совет!
Попробовала - на сайте ноль эмоций((
Такое чувство, что я упускаю какие-то необходимые настройки, чтобы это все начало работать((

Я добавила данный скрипт в html-код, под html у меня основной фон, под body сменный фон. С таким кодом сменный фон (причем не заполняя всю страницу) статично висит вместе с основным.

<script type="text/javascript">
$('.block2').click(function(){
    $('#exampleModal').arcticmodal({
        afterOpen: function(data, el) {
            $('html').addClass('body');
        },
        afterClose: function(data, el) {
            $('html').removeClass('body');
        }
    });
});
</script>


Пробовала и как вы советовали, но с таким кодом на сайте ноль реакции.
Все работает, как скрипта и не было. Может нужно что-то еще "подключить", чтобы код заработал ??
<script type="text/javascript">
$('.block2').click(function() {
    $('#exampleModal').arcticmodal({
        afterOpen: function(data, el) {
            document.body.style.backgroundImage='url(bg2.jpg)';
        },
        afterClose: function(data, el) {
            document.body.style.backgroundImage='url(bg.jpg)';
        }
    });
});
</script>


Большое спасибо за помощь!
Ответить с цитированием