магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Эффект прожектора для галереи в Tilda

Приглушённые фотографии проявляются в цвете под световым кругом, следующим за движением.
Подробнее о модеСвернуть описание

Что умеет мод

  • Показывает сетку фотографий с цветной областью внутри светового круга.
  • Настраивает радиус луча, мягкость края и затемнение вне него.
  • Позволяет выбрать плавность следования и включить кольцо вокруг луча.
  • Поддерживает собственные размеры области или вставку в готовый элемент.

Как подключить

Галерея фотографийПодсветка по движениюКод в T123
  1. Выберите фотографии

    Подготовьте GL03 и укажите нужный источник в «Где применять». Используйте подходящие изображения и проверьте, что мод не захватывает другие галереи страницы.

  2. Настройте сетку и размер

    Задайте колонки, промежутки и скругления, затем ширину и высоту области. Если используете шейп, укажите его класс и включите принимающий Zero Block в область вместе с источником.

  3. Оформите луч

    Подберите радиус, мягкость края, затемнение и плавность. При необходимости включите кольцо и напишите подсказку. Проверьте, остаются ли фотографии различимыми вне луча.

  4. Опубликуйте и проверьте

    Добавьте код в T123 после нужных блоков. Проверьте движение мышью и пальцем, границы светового круга, сетку на телефоне и переход к следующему разделу страницы.

Что учитывать. Это визуальный эффект для сетки: он не заменяет отдельный лайтбокс для подробного просмотра фотографии. Размер луча и затемнение стоит подбирать на реальных снимках. Слишком маленькая область света может затруднять просмотр.

Вопросы и ограничения

Нужно заранее обесцвечивать фотографии?

Нет. Загрузите исходные цветные изображения: приглушённый вид и проявление цвета создаёт мод на странице.

Можно убрать кольцо вокруг луча?

Да. Кольцо-обводка включается отдельной настройкой и не обязательно для самого проявления фотографий.

Что меняет мягкость края?

Переход между освещённой и приглушённой областями. Подберите значение вместе с радиусом, чтобы граница выглядела уместно на ваших фотографиях.

Можно раскрыть фотографию для изучения деталей?

В этом моде основной сценарий — подсветка сетки. Для просмотра крупного снимка выберите галерею с раскрытием фото или зум-лайтбоксом вместо этого эффекта на том же источнике.

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Другие варианты галерей и лент

Made on
Tilda