Блог

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

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

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

Причина в том, что ваше всплывающее окно динамически добавляется с помощью 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); 
});