Wix Pro Gallery: настройка отображения элементов галереи при наведении курсора | Центр Поддержки

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

4 мин. чтения

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

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

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

Содержание

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

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

Чтобы настроить режим наведения:

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

Слой и значки

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

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

Тексты

Вид элемента

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

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

Эффекты прокрутки

Совет

Вы можете проверить как выглядит режим при наведении в Pro Gallery в редакторе. Нажмите Исходный вид, чтобы вернуться к обычному виду галереи.

Вопросы и ответы

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

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

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

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

В этой статье

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