Покажите анимацию перед показом моего index.html

У меня есть сайт с небольшим количеством контента. Таким образом, он быстро загружается в навигаторе. Я хочу загрузить jquery-анимацию, прежде чем показать первый index.htm.
С уважением, я не знаю, как реализовать эту идею. Я не хочу, чтобы пользователь нажимал анимацию, чтобы продолжить основной сайт. Я хочу сделать анимацию времени «x», и когда она закончится, автоматически загрузится следующий html или остальная часть страницы.

Огромное спасибо.

Измените свою страницу так, чтобы она загружала весь контент сразу, включая анимацию. Но основной контент скрыт (например, встроенным CSS), и отображается блок анимации. После завершения анимации скройте блок анимации и покажите основной контент. Так просто. Это также дает браузеру достаточно времени для отображения основного контента, когда он воспроизводит вашу анимацию.

Или вариант 2 – загрузите index.html только с анимацией, а затем загрузите контент через AJAX, пока анимация играет в скрытый элемент.

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

А как насчет использования фреймов / фреймов? У вас есть простая страница с jquery или любой другой анимацией, и внутри этой страницы есть iframe. Когда iframe загружен, скройте анимацию. Когда iframe не загружен – покажите анимацию.

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