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

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

1 мин.

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

JavaScript
Zeroblock

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

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

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

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

4. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"
Инструкция
Важно!
- Не делай прелоадер слишком продолжительным, т.к. он не должен задерживать посетителя от пользования сайтом
- Параметр показывать прелоадер после загрузки ещё n сек нужен на тот случай, если страница загружается так быстро, что анимация загрузки некрасиво прерывается или не успевает вся воспроизвестись. Не делай его большим
- Не добавляй слишком многоступенчатые svg анимации в прелоадер, потому что так он только замедлит страницу и заставит пользователя долго ждать при каждой загрузке
- Модификация не совместима с моим слайдером из Zero-блок, если он у тебя с autoscale
(Развернуть)
undefined
Скопировать код
Отчистить поля
undefined


123
Чтобы увидеть пример прелоадера просто перезагрузи страничку и он воспроизведется с вариантом fade out
Пример работы модификации
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности

Опиши нужный функционал через эту форму и он будет добавлен!

Не хватает какой-то функции?