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

Узнайте как использовать Wix для создания своего сайта и бизнеса.

Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.

Управляйте подписками, планами и счетами.

Управляйте своим бизнесом и общайтесь с пользователями.

Узнайте, как приобрести, подключить или перенести домен на свой сайт.

Получите инструменты для развития вашего бизнеса и присутствия в интернете.

Повышайте свою видимость с помощью инструментов SEO и маркетинга.

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

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

Совершенствуйте навыки с помощью наших курсов и учебных статей.

Получайте рекомендации по веб-дизайну, маркетингу и многому другому.

Узнайте, как увеличить органический трафик из поисковых систем.

Создайте собственный сайт на нашей полнофункциональной платформе.

Найдите подходящего специалиста, который поможет вам достичь целей.

Главная

Создание сайта

Медиа менеджер

Галерея Wix Pro Gallery

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

4 мин.

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

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

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

Содержание

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

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

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

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

Слой и значки

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

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

Тексты

Вид элемента

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

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

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

Совет

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

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

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

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

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

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

В этой статье

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