АНИМАЦИЯ / МЕДИА / TILDA
Изображения при клике
Показывает подготовленные изображения в месте клика внутри блока и начинает последовательность заново после заданного количества.
Живой пример
Что делает модификация
Показывает подготовленные изображения в месте клика внутри блока и начинает последовательность заново после заданного количества.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| ID блока для кликов | Выберите значение в интерфейсе личного кабинета. |
| Класс исходных изображений | Выберите значение в интерфейсе личного кабинета. |
| Изображений до очистки | Параметр 1–30 |
| Ширина на компьютере, px | Параметр 50–900 |
| Ширина на телефоне, px | Параметр 30–400 |
| Скругление, px | Параметр 0–200 |
Пошаговая установка
- Подготовьте изображенияВ Zero Block добавьте Add Image, каждому задайте класс sticker. Вынесите исходники за видимую область и отключите lazyload.
- Выберите областьСкопируйте ID блока, внутри которого должны появляться изображения. Укажите его в кабинете.
- Настройте последовательностьЗадайте размеры, скругление и количество изображений до очистки. Порядок соответствует порядку исходных элементов в HTML.
- Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте границыНажмите в разных частях блока на компьютере и телефоне. Изображения обрезаются границами выбранной области.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.