Компонент "Панорамная галерея"

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

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

В примере ниже используются семь исходных изображений.

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

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

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

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

1. Откройте панель Компоненты, а затем папку Галереи.

2. Перетащите компонент Панорамная галерея в рабочую область.

3. Введите название компонента в соответствующем разделе панели Свойства.

4. Чтобы добавить в галерею изображения, выполните одно из следующих действий:

   • В соответствующем разделе панели Свойства в поле Изображения нажмите кнопку Выберите изображения для галереи . Затем нажмите кнопку Выбрать изображения или перетащите изображения прямо в диалоговое окно.
   • В разделе свойств компонента на соответствующей панели в поле Изображения укажите URL изображений через запятую.

5. При необходимости настройте описанные ниже дополнительные свойства компонента.

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

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

Свойства

Свойство	Описание
Название	Название компонента.
Изображения	Разделенный запятыми список URL изображений для галереи. Можно связать с динамическими данными.
Автозапуск	Если этот флажок установлен, все изображения галереи автоматически показываются по порядку.
Упаковать	Если этот флажок установлен, первое изображение накладывается на последнее.

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

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

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

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

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

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

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

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

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

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

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

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