СЛАЙДЕРЫ / МЕДИА / TILDA
Видеослайдер из Zero Block
Переключает блоки с видео стрелками и обновляет адаптивное расположение элементов.
Живой пример
Что делает модификация
Переключает блоки с видео стрелками и обновляет адаптивное расположение элементов.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс контейнера | Выберите значение в интерфейсе личного кабинета. |
| Класс видеоблоков | Выберите значение в интерфейсе личного кабинета. |
| Класс блока стрелок | Выберите значение в интерфейсе личного кабинета. |
| Класс левой стрелки | Выберите значение в интерфейсе личного кабинета. |
| Класс правой стрелки | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Создайте контейнерДобавьте пустой Zero Block с классом uc-slider-container. Удалите заливку и элементы, задайте высоту 1 px.
- Создайте видеослайдыСоздайте отдельные стандартные видеоблоки VD05 (файл) или VD06N (YouTube) с одинаковой высотой. Каждому задайте uc-video-sld. Ролики можно загрузить в LF Drive и использовать прямые ссылки в Video URL.
- Создайте стрелкиВ отдельном Zero Block добавьте две кнопки: leftsld и rightsld. Самому блоку стрелок задайте uc-slider-buttons. У элементов стрелок выберите Window Container, у блока — Overflow Visible; настройте размещение стрелок на каждом адаптиве.
- Получите кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте полный результат в блок T123 после подготовленных элементов. Не устанавливайте повторно обработчик для тех же элементов. Опубликуйте страницу.
- Проверьте адаптациюПроверьте оба направления. Скрытое HTML5-видео при переключении ставится на паузу. Для сторонних iframe-плееров остановка зависит от API плеера.
Важно
Проверьте классы, ID и адаптацию на опубликованной странице. Не устанавливайте несколько обработчиков для одних элементов.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете, выберите параметры и получите готовый код.
Нужно ли редактировать код вручную?
Параметры задаются в кабинете. Для составных модификаций вставьте подписанные части в места, указанные в инструкции.
Что показывает живой пример?
Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные блоки Tilda.