Компонент "Перелистываемая галерея"

Этот компонент не поддерживается в объявлениях AMPHTML, видеорекламе и графических объявлениях.

Компонент "Перелистываемая галерея" позволяет создать простую галерею изображений или их групп с возможностью покадрового перелистывания вперед и назад. Перелистываемую галерею можно использовать в динамических объявлениях.

Как выбрать галерею

В Google Web Designer есть четыре компонента с галереями:

Панорамная галерея позволяет показать объект со всех сторон. Объект можно поворачивать, перелистывая изображения. Этот компонент не работает с группами и элементами навигации.
Перелистываемая галерея позволяет создать простую вертикальную или горизонтальную галерею изображений или их групп.
Круговая галерея похожа на компонент "Перелистываемая галерея", но изображения сменяются с трехмерным эффектом, как на вращающемся экране.
Галерея переходов позволяет использовать ряд анимационных эффектов при смене изображений.

Как использовать компонент "Перелистываемая галерея"

Откройте панель Компоненты, а затем папку Галереи.
Перетащите компонент Перелистываемая галерея в рабочую область.
Введите название компонента в соответствующем разделе панели Свойства.
Добавьте в галерею набор изображений или групп. С помощью групп можно добавлять в галерею объекты, которые не относятся к изображениям, или объединять в одном кадре несколько разных объектов.
- Чтобы добавить в галерею изображения, выполните одно из следующих действий:
  - В соответствующем разделе панели Свойства в поле Изображения укажите URL изображений через запятую.
  - На панели Свойства в разделе компонента "Перелистываемая галерея" нажмите кнопку Выберите изображения для галереи . Затем воспользуйтесь функцией Выбрать файлы или перетащите изображения прямо в диалоговое окно.
- Чтобы добавить в галерею группы, сделайте следующее:
  - В соответствующем разделе панели Свойства в поле Группы укажите названия групп через запятую.
При необходимости настройте описанные ниже свойства компонента.

Использование групп в перелистываемой галерее

Перелистываемая галерея может содержать или изображения, или группы. С помощью групп можно добавлять в галерею объекты, которые не относятся к изображениям (например, видео), или объединять в одном кадре несколько разных объектов (например, изображения с подписями).

Если вы используете видео или другие интерактивные объекты, на панели "Свойства" выберите Отключить пролистывание. Это позволит пользователю взаимодействовать с элементами управления видео. Чтобы пользователи могли переходить между кадрами галереи, используйте компонент "Навигация по галерее".

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

С помощью групп также можно показывать сразу несколько динамических элементов.

Как удалить изображения из галереи или изменить их порядок

На панели Свойства в разделе компонента "Перелистываемая галерея" нажмите кнопку Выберите изображения для галереи .
Чтобы изменить порядок изображений, перетащите их. Чтобы удалить изображение из галереи, наведите на него указатель и нажмите кнопку Удалить .
Нажмите ОК.

Свойства

Свойство	Описание
Название	Название компонента "Перелистываемая галерея".
Изображения	Позволяет выбрать изображения для галереи. Можно связать с динамическими данными.
Группы	Разделенный запятыми список групп, используемых в галерее. Можно связать с динамическими данными.
Переход	Время перехода между изображениями в миллисекундах.
Начальный кадр	Номер изображения, которое должно показываться первым.
Показывать кадров	Количество кадров, показываемых одновременно.
Пролистывать кадры	Количество кадров, пролистываемых за один раз
Автовоспроизведение	Если флажок установлен, изображения галереи перелистываются автоматически.
Навигация	Если флажок установлен, в галерее отображаются кнопки для перехода между изображениями.
Уменьшенные изображения	Если установлены флажки "Уменьшенные изображения" и "Навигация", вместо кружков под галереей отображаются миниатюрные копии изображений.
Выделить цветом	Определяет цвет рамки вокруг изображения в панели навигации.
Масштаб	Позволяет адаптировать размеры изображений. Возможные варианты: Вписать. Размер изображения изменяется с сохранением пропорций так, чтобы оно заполняло кадр без обрезки. Если у кадра и изображения разные соотношения сторон, добавляются поля. Кадрировать. Размер изображения изменяется так, чтобы оно полностью заполняло кадр. Если у кадра и изображения разные соотношения сторон, оно обрезается. Нет. Изображение исходного размера выравнивается по центру кадра. Если изображение меньше кадра, пустое пространство заполняется прозрачными полями. А если больше, изображение обрезается. Растянуть и заполнить. Изображение растягивается так, чтобы оно заполняло кадр без обрезки.
Направление	Определяет, как изображения пролистываются в галерее: горизонтально или вертикально.

Дополнительные свойства

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

Свойство	Описание
Сдвиг рамки	Расстояние между изображениями.
Ширина рамки	Ширина кадра изображения в галерее (в пикселях).
Высота рамки	Высота кадра изображения в галерее (в пикселях).
Длительность автовоспроизведения	Продолжительность показа всех кадров галереи (в мс). Это время равномерно распределяется между всеми изображениями, если не выбран отдельный Интервал шага автовоспроизведения.
Интервал шага автовоспроизведения	Продолжительность показа каждого изображения (в мс) при включенном автозапуске. Изображения воспроизводятся в течение заданной длительности автовоспроизведения с зацикливанием при необходимости.
URL перехода	Разделенный запятыми список URL, соответствующих кадрам галереи. Можно связать с динамическими данными.
Отключить пролистывание	Флажок, с помощью которого можно отключить пролистывание в галерее. Позволяет избежать случайного перехода между кадрами при взаимодействии с объектами. Чтобы пользователи могли переходить между кадрами, когда этот флажок установлен, добавьте свойство "Предусмотреть навигацию" или компонент "Навигация по галерее".
Приостанавливать при выходе из кадра	Если этот флажок установлен, то при смене кадра будет приостановлено аудио или видео, воспроизводимое в текущем кадре (устраняет нежелательное воспроизведение содержимого в фоновом режиме).
Возобновлять при входе в кадр	Если этот флажок установлен, то при смене кадра начнется воспроизведение приостановленного аудио или видео в следующем кадре.

События и действия

События, отправляемые компонентом "Перелистываемая галерея"

Перечисленные ниже события компонента "Перелистываемая галерея" могут инициировать другие действия.

Событие	Описание
Первое взаимодействие	Отправляется, когда пользователь впервые использует галерею.
Все кадры просмотрены	Отправляется, когда каждый кадр в галерее был показан не менее одного раза.
Изображения загружены	Отправляется после загрузки всех кадров галереи.
Завершение автовоспроизведения	Отправляется после завершения автовоспроизведения по любой причине.
Кадр показан	Отправляется, когда каждый новый кадр полностью показан.
Кадр активирован	Отправляется после начала смены кадра.
Завершение автовоспроизведения кадра	Отправляется, когда кадр автоматически показывается во время автовоспроизведения.
Касание кадра	Отправляется после нажатия на кадр.
Левый край	Отправляется, когда после пролистывания достигнут левый край галереи.
Правый край	Отправляется, когда после пролистывания достигнут правый край галереи.
Наведение курсора на кадр	Отправляется, когда пользователь наводит указатель на кадр.
Вывод курсора из кадра	Отправляется, когда пользователь выводит указатель из кадра.
Начало отслеживания	Отправляется, когда начинается перетаскивание касанием либо мышью.
Отслеживание	Регистрация координат компонента (X и Y) во время перетаскивания мышью или касанием.
Окончание отслеживания	Отправляется, когда оканчивается перетаскивание касанием или мышью.

Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите компонент "Перелистываемая галерея" как цель.

Действия, выполняемые компонентом "Перелистываемая галерея"

Другие события могут вызывать следующие действия в компоненте "Перелистываемая галерея":

Действие	Параметры настройки
Перейти к кадру	Номер кадра Анимация: none или slide
Однократный поворот	Время вращения: длительность в мс Направление: forwards или backwards
Прекратить вращение	Нет
Вперед	Нет
Назад	Нет

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

Подробнее о том, как настраивать события…

Предпросмотр

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

Эта информация оказалась полезной?

Как можно улучшить эту статью?