Прелоадер «Эквалайзер» для Tilda
Движущиеся полосы, счётчик и подпись создают заставку с музыкальным характером.Подробнее о модеСвернуть описание
Прелоадер «Эквалайзер» для Tilda
Движущиеся полосы, счётчик и подпись создают заставку с музыкальным характером.Что умеет мод
- Анимирует ряд полос с разным ритмом и высотой.
- Настраивает количество, ширину, зазоры, высоту и скругление полос.
- Показывает необязательный счётчик и отдельную подпись внизу экрана.
- Задаёт время основной сцены и плавное исчезновение после её завершения.
Как подключить
Соберите эквалайзер
Укажите количество полос, высоту, промежутки и скругление. Задайте ширину или оставьте автоматическую. Проверьте ограничение ширины, чтобы ряд не выходил за края телефона.
Настройте палитру и подписи
Подберите фон и акцент. При необходимости включите счётчик, знак процента и нижнюю подпись. Для текста задайте цвет, размер и шрифт, соответствующие вашему сайту.
Задайте время
Настройте длительность основной анимации, затухание и максимальное ожидание. Проверьте опцию удержания анимаций Tilda, если первый экран должен начать движение после заставки.
Проверьте публикацию
Вставьте код в T123 в начале страницы и опубликуйте её. Посмотрите эквалайзер на широком и узком экране, проверьте подпись, исчезновение фона и доступность прокрутки после выхода.
Что учитывать. Полосы двигаются по заданной анимации. Они не анализируют звук, не включают музыку и не требуют доступа к микрофону. Проценты отражают время сценария, а не объём скачанных файлов. Используйте один прелоадер на странице.
Вопросы и ограничения
Можно синхронизировать полосы с треком?
В текущем конструкторе такого режима нет. Для реакции на настоящий аудиосигнал потребуется отдельная реализация.
Можно оставить только полосы?
Да. Отключите счётчик и подпись. Цвет, размеры и движение эквалайзера настраиваются независимо от текста.
Что означает ширина 0?
Это автоматический выбор ширины. Дополнительно предусмотрен верхний предел через CSS-значение; результат нужно проверить на мобильном экране.
Почему к концу полосы становятся спокойнее?
Так устроен сценарий: интенсивность движения уменьшается перед завершением. После готовности к выходу полосы сжимаются, а заставка исчезает.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
