Wix Pro Gallery: Настройка вида элементов галереи при наведении

Оживите сайт и побуждайте посетителей взаимодействовать с галереей, используя интересные эффекты при наведении.

Посетитель видит эффект при наведении, когда наводит курсор на элемент галереи без клика. Вы можете выбрать, какие элементы будут появляться при наведении, а также как будет выглядеть эффект.

Анимация, демонстрирующая появление иконок, заголовков и описаний при наведении курсора на элементы галереи.

Настройка вида при наведении

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

Чтобы настроить вид при наведении:

Перейдите в редактор.
Нажмите на элемент галереи Wix Pro Gallery на странице.
Нажмите Настройки.
Перейдите на вкладку Дизайн.
Выберите, какие элементы при наведении вы хотите настроить:

Слой и значки

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

Нажмите слой и значки.
Выберите слой и настройте его, используя доступные параметры:
- Сплошной слой: слой покрывает всю позицию в галерее. Отредактируйте следующие параметры:
  - Градиент: нажмите переключатель, чтобы включить градиентный слой, и отредактируйте его параметры:
    - Цвет и прозрачность 1 и 2: нажмите на соответствующий квадрат с цветом, чтобы настроить цвета градиента. Затем перетащите ползунок, чтобы отрегулировать прозрачность цветов.
    - Направление градиента: перетащите ползунок, чтобы отрегулировать направление наложения градиента.
  - Цвет слоя: нажмите на квадрат с цветом, чтобы выбрать цвет. Затем перетащите ползунок, чтобы изменить прозрачность цветного слоя.
  - Цвет значков: нажмите на квадрат с цветом и выберите новый цвет для значков галереи.
- Частичный слой: слой покрывает только часть позиции в галерее. Отредактируйте следующие параметры:
  - Единицы измерения размера: управляйте размером слоя в процентах или пикселях.
  - Размер: перетащите ползунок или введите значение, чтобы выбрать размер слоя.
  - Слой начинается от: выберите место расположения слоя.
  - Отступы: перетащите ползунок, чтобы отрегулировать расстояние между границей галереи и слоем.
  - Градиент: нажмите переключатель, чтобы включить градиентный слой, и отредактируйте параметры:
    - Цвет и прозрачность 1 и 2: нажмите на соответствующий квадрат с цветом, чтобы настроить цвета градиента. Затем перетащите ползунок, чтобы отрегулировать прозрачность цветов.
    - Направление градиента: перетащите ползунок, чтобы отрегулировать направление наложения градиента.
  - Цвет слоя: нажмите на квадрат с цветом, чтобы выбрать цвет. Затем перетащите ползунок, чтобы изменить прозрачность цветного слоя.
  - Цвет значков: нажмите на квадрат с цветом и выберите новый цвет для значков галереи.
Выберите эффект слоя из доступных вариантов:
- Без эффекта: слой не применяет никаких эффектов.
- Появление: слой постепенно появляется при наведении.
- Расширение: слой расширяется при наведении.
- Сдвиг вверх: слой сдвигается вверх при наведении.
- Сдвиг вправо: слой сдвигается вправо при наведении.

Тексты

Стиль элемента

Настройте следующие параметры:

Ширина и цвет границ: перетащите ползунок, чтобы изменить ширину границ, и нажмите на цветовой бокс, чтобы выбрать цвет.
Радиус углов: перетащите ползунок, чтобы сделать углы более округлыми или квадратными.
Тень: нажмите на переключатель, чтобы включить или выключить тень:
- Включено: вокруг элемента галереи появляется тень. Настройте прозрачность, цвет, размытие, направление и размер тени.
- Выключено: у элемента галереи нет тени.
Выберите, что происходит, когда кто-то наводит курсор на элемент галереи:
- Без эффекта: эффект при наведении не применяется.
- Увеличение: изображение увеличивается при наведении.
- Размытие: изображение размывается при наведении.
- Оттенки серого: изображение становится черно-белым при наведении.
- Уменьшение: изображение уменьшается при наведении.
- Инверсия: цвета изображения инвертируются при наведении.
- Цветное
- Darken: изображение становится немного темнее при наведении.
Выберите, что происходит во время загрузки изображения:
- Размытое изображение: во время загрузки появляется размытая версия изображения.
- Цветная подсказка: во время загрузки изображения появляется цветная подсказка.

Анимация при прокрутке

На скриншоте показана вкладка «Дизайн» с выделенными параметрами слоя и значков.

Совет:

Пока вы настраиваете вид при наведении, вы можете видеть его в галерее Wix Pro Gallery в редакторе. Нажмите Завершить превью при наведении, чтобы вернуться к обычному виду галереи Wix Pro Gallery.

Часто задаваемые вопросы

Нажмите на вопрос ниже, чтобы подробнее узнать о настройке вида при наведении в галерее.

Можно ли настроить появление другого изображения при наведении на элемент галереи?

Можно ли применить эффект при наведении к отдельному элементу галереи?

Как отключить эффект при наведении?

Настройка вида при наведении

Чтобы настроить вид при наведении:

Часто задаваемые вопросы

Была ли статья полезна?

Helpmate

Привет,