К основному контенту
Preloader
В этом зеро ты можешь сделать абсолютно любой дизайн экрана загрузки страницы
Tilda Publishing
create your own block from scratch

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать простой и удобный прелоадер или экран загруки на Тильде из зероблока. Модификация совместима с Autoscale.

Как сделать прелоадер
из зеро-блока?

(cвернуть)
Инструкция

1. Создай на странице зероблок, который будет прелоадером и помести его на самый верх страницы (первым в шапку если она у тебя есть), т.к. он должен загрузиться самым первым и показываться пока всё грузится

2. Вставь recid этого зеро в генератор и сгенерируй код со всеми нужными тебе параметрами

3. Помести полученный код в блок т123, который должен быть сразу после зероблока что мы сделали в п. 1

4. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

- Не делай прелоадер слишком продолжительным, т.к. он не должен задерживать посетителя от пользования сайтом

- Параметр показывать прелоадер после загрузки ещё n сек нужен на тот случай, если страница загружается так быстро, что анимация загрузки некрасиво прерывается или не успевает вся воспроизвестись. Не делай его большим

- Не добавляй слишком многоступенчатые svg анимации в прелоадер, потому что так он только замедлит страницу и заставит пользователя долго ждать при каждой загрузке

- Модификация не совместима с моим слайдером из Zero-блок, если он у тебя с autoscale

Важно!

undefined
Отчистить поля
Загрузить сохраненные значения
undefined
undefined
123

Чтобы увидеть пример прелоадера просто перезагрузи страничку и он воспроизведется с вариантом fade out

Примеры работы модификации