Прелоадер в Zero‑блоке

Позволяет создавать кастомный прелоадер для сайта с настраиваемой логикой и поддержкой Lottie‑анимаций

Модификация

Прелоадер из Zero‑блока

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.6/mods.min.js"></script>

Создайте Zero-блок с прелоадером, поместите его в начало страницы и задайте ему высоту в 100% экрана

Чтобы добавить в прелоадер Lottie-анимацию, создайте в блоке шейп и присвойте ему класс .lottie – анимация отобразится внутри него.
Задайте в настройках модификации ID прелоадера и параметры его поведения
Скопируйте код и вставьте его в блок T123 сразу после прелоадера

Настройки модификации

Скорость и тип переходов:

ID прелоадера:

Скрывать при повторной загрузке

Задержка после загрузки

Настройки прелоадера

Время, на протяжении которого прелоадер остается видимым после загрузки.

Оставьте пустым, чтобы прелоадер исчезал сразу после загрузки.

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

Ссылка на файл с lottie-анимацией

<!--preloader.js Прелоадер из Zero-блока. https://postnikovmd.com/mods/preloader-->
<script>preloader.init(".uc-preloader")</script>

Скопировать код

Работает с автоскейлом

Мод работает с масштабированием так же корректно, как и без него
Работает в приложениях

Прелоадер работает во встроенных браузерах Telegram и Instagram*
Поддерживает анимации

Модификация поддерживает работу Lottie, базовых и SBS-анимаций