Кастомный прелоадер из Zero‑блока
Позволяет создавать кастомный прелоадер для сайта с настраиваемой логикой и поддержкой Lottie‑анимаций
Прелоадер из Zero‑блока
Инструкция по установке
- Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайтаЭтот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.jsdelivr.net/gh/postnikovmd/tilda@1.3/mods.min.js"></script>Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
-
- Создайте Zero-блок с прелоадером, поместите его в начало страницы и задайте ему высоту в 100% экрана
- Задайте в настройках модификации ID прелоадера и параметры его поведения
- Скопируйте код и вставьте его в блок T123 сразу после прелоадера
Настройки модификации
Настройки модификации
Скорость и тип переходов:
ID прелоадера:
Задержка:
Скрывать при повторной загрузке:
Оставьте пустым, чтобы прелоадер исчезал сразу после загрузки
Оставьте пустым, чтобы прелоадер исчезал сразу после загрузки
Если включено, прелоадер не будет отображаться при перезагрузке и повторном посещении страницы
<script>preloader.init(".uc-preloader")</script>Особенности
- Работает с автоскейломМод работает с масштабированием так же корректно, как и без него
- Работает в приложенияхПрелоадер работает во встроенных браузерах Telegram и Instagram*
- Поддерживает анимацииМодификация поддерживает работу Lottie, базовых и SBS-анимаций
Документация
Параметры
© 2025 Максим Постников. Все права защищены.
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Нравятся модификации?
Поделитесь впечатлениями от работы с библиотекой — обратная связь поможет нам стать лучше
Поделитесь впечатлениями о сервисе — обратная связь поможет нам стать лучше
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис