Можно ли загрузить лайтбокс перед загрузкой страницы?

Question

У меня достаточно большая форма для разработки, и она может занять некоторое время (более 5 секунд). Теперь, чтобы дать пользователю представление о том, что происходит, я бы хотел запустить лайтбокс с простым сообщением «загрузка страницы», в то время как остальная часть страницы загружается в фоновом режиме. Как только страница полностью загружена, я могу закрыть лайтбокс, и пользователь может продолжить через приложение. Теперь я знаю, что не должен использовать window.onload, чтобы активировать это как документ jQuery. У меня есть более быстрое и лучшее решение для этой проблемы, но есть ли у кого-нибудь совет о том, как это сделать или если это возможно.

Answer 1

Лучше просто добавить полупрозрачный div к dom и заставить его исчезнуть при загрузке.
Выполнение функций с большим количеством javascript (например, лайтбокса) как бы побеждает цель ожидания индикатора.

Answer 2

Добавить скрипт в голову (после включения css), который открывает лайтбокс. Наконец в теле добавьте скрипт (желательно с обработчиком событий, чтобы знать, что dom на самом деле готов), который закрывает лайтбокс:)

document.addEventListener("DOMContentLoaded", function () {
    //close lightbox
}, false);