АНИМАЦИЯ / ФОНЫ / СЛАЙДЕРЫ / TILDA
Фоновое слайд-шоу
Автоматически меняет фоновые изображения с плавным появлением и увеличением.
Живой пример
Что делает модификация
Автоматически меняет фоновые изображения с плавным появлением и увеличением.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Фон остаётся публичным изображением. Расположение и размеры HTML-элемента задаются в Zero Block.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| HTTPS-ссылки на фоновые изображения — по одной на строку | Выберите значение в интерфейсе личного кабинета. |
| Время смены фона, ms | Параметр 1000–60000 |
| Максимальное увеличение | Параметр 1–1.5 |
Пошаговая установка
- Подготовьте изображенияЗагрузите изображения в LF Drive и получите прямые HTTPS-ссылки. Вставьте по одной на строку в кабинете.
- Разместите фонПервую часть с slideshow-container вставьте в HTML-элемент Zero Block и растяните его на всю область. Поместите HTML-элемент ниже текста и кнопок по слоям; удалите перекрывающую заливку.
- Добавьте обработчикВторую часть вставьте в T123 после Zero Block. Укажите время смены и степень увеличения.
- Проверьте слоиФон не должен перекрывать интерактивные элементы. Проверьте размеры на всех адаптивах.
Важно
Фон остаётся публичным изображением. Расположение и размеры HTML-элемента задаются в Zero Block.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.
Нужно ли редактировать код вручную?
Параметры задаются в кабинете. Для составных модификаций вставьте подписанные части в места, указанные в инструкции.
Что показывает живой пример?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные блоки Tilda.