СЛАЙДЕРЫ / АНИМАЦИЯ / TILDA
Автоматический адаптивный слайдер
Объединяет подготовленные блоки в слайдер со стрелками и автоматическим переключением.
Живой пример
Что делает модификация
Объединяет подготовленные блоки в слайдер со стрелками и автоматическим переключением.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| ID пустого Zero Block | Выберите значение в интерфейсе личного кабинета. |
| Класс слайдов | Выберите значение в интерфейсе личного кабинета. |
| Левая стрелка | Выберите значение в интерфейсе личного кабинета. |
| Правая стрелка | Выберите значение в интерфейсе личного кабинета. |
| Автопрокрутка, ms | Параметр 1000–60000 |
| Размер стрелок, px | Параметр 16–100 |
| Отступ стрелок, px | Параметр 0–200 |
Пошаговая установка
- Создайте контейнерДобавьте пустой Zero Block без заливки, высотой 1 px. Его ID вставьте в кабинет.
- Подготовьте слайдыДобавьте Zero Block либо стандартные блоки; каждому задайте uc-sld_items. Порядок блоков определяет порядок слайдов. Адаптируйте их под все размеры экранов.
- Подготовьте стрелкиЗагрузите SVG-стрелки в LF Drive и вставьте прямые ссылки в кабинет. Настройте размер и отступ.
- Получите кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте полный результат в блок T123 после подготовленных элементов. Не устанавливайте повторно обработчик для тех же элементов. Опубликуйте страницу.
- Проверьте автопрокруткуПроверьте стрелки и автоматическую смену. Наведение останавливает таймер; уход курсора запускает его снова.
Важно
Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.
Нужно ли редактировать код вручную?
Параметры задаются в кабинете. Для составных модификаций вставьте подписанные части в места, указанные в инструкции.
Что показывает живой пример?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные блоки Tilda.