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