Как отложить отображение фона после появления и исчезновения всплывающего окна

Question

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

Это ссылка на страницу. http://test2429d.vinnugrunnur.is/home всплывающее окно содержит видео, которое выполняется в течение 7 секунд и исчезает.

Answer 1

Глядя на ваш пример сайта , вам придется скрывать содержимое и отображать его при скрытии всплывающего окна.

Причина в том, что ваше всплывающее окно динамически добавляется с использованием Javascript. Таким образом, всплывающее окно не будет отображаться, пока страница не будет полностью загружена.

Есть несколько способов сделать это. Если это всплывающее окно ограничено только этой страницей, возможно, вы можете использовать класс body в качестве ссылки, чтобы скрыть свой .jupiterx-site.

body.elementor-page-10 .jupiterx-site {
    display: none;
}

И ваш Javascript должен показать его через 7 секунд

jQuery(document).ready(function(){
      // setTimeout() function will be fired after page is loaded
      // it will wait for 5 sec. and then will fire
      // $("#successMessage").hide() function
  setTimeout(function() {
    jQuery('.eael-lightbox-popup-window').fadeOut('slow');
    jQuery('.jupiterx-site').show();
  }, 7000); 
});