магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Прелоадер с одометром для Tilda

Вертикальные барабаны цифр прокручиваются до 100 перед открытием страницы.
Подробнее о модеСвернуть описание

Что умеет мод

  • Показывает трёхразрядный счётчик с прокруткой отдельных цифр.
  • Настраивает размер и шрифт цифр, расстояние между ними и цвет.
  • Раздельно оформляет знак процента или другой суффикс и подпись.
  • Задаёт время отсчёта, паузу на финале и длительность затухания.

Как подключить

Прокрутка цифрОтсчёт до 100Код в T123
  1. Оформите цифры

    Выберите фон, цвет и шрифт счётчика. Задайте размер относительно ширины экрана, минимальный размер и межбуквенное расстояние. Проверьте, что три разряда помещаются на узком телефоне.

  2. Настройте подписи

    При необходимости включите знак процента или замените его коротким суффиксом. Оформите его отдельно от цифр. Включите дополнительную подпись, введите текст и задайте её шрифт, цвет, размер и регистр.

  3. Подберите ритм

    Укажите длительность прокрутки, паузу после достижения 100, время затухания и максимальное ожидание. Если первый экран использует анимации Tilda, проверьте настройку их удержания до завершения заставки.

  4. Опубликуйте страницу

    Вставьте код в T123 в начале страницы и опубликуйте. Проверьте читаемость цифр во время движения, финальное значение, появление сайта и прокрутку. Для барабанов не нужны изображения или отдельные элементы Zero Block.

Что учитывать. Проценты следуют времени анимации и не измеряют точную долю скачанных файлов. Обычный выход учитывает завершение отсчёта и готовность страницы. Это загрузочная заставка с финалом 100, а не счётчик посещений, продаж или данных из внешнего сервиса. Подключайте один прелоадер на страницу.

Вопросы и ограничения

Чем отличается от обычного числового прелоадера?

Здесь каждый разряд прокручивается вертикально внутри своего барабана. В обычном счётчике меняется само числовое значение без такого механического эффекта.

Можно изменить знак процента?

Да. У суффикса есть собственный текст и оформление. Его также можно полностью отключить.

Что управляет скоростью цифр?

Длительность отсчёта. Пауза на значении 100 и время исчезновения настраиваются отдельно, поэтому их можно подобрать независимо.

Почему цифры сразу стоят на 100?

При системном уменьшении движения код сразу выставляет конечное состояние и сокращает переход. Проверьте обычный режим отдельно.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты заставок

Made on
Tilda