Этот компонент не поддерживается в объявлениях AMPHTML, видеорекламе и графических объявлениях.
Компонент "Панорамная галерея" позволяет с помощью набора изображений показывать объект со всех сторон. По умолчанию последнее изображение накладывается на первое, что обеспечивает плавное вращение в любом направлении.
В примере ниже используются семь исходных изображений.
Как выбрать галерею
В Google Web Designer есть четыре компонента с галереями:
- Панорамная галерея позволяет показать объект со всех сторон. Объект можно поворачивать, перелистывая изображения. Этот компонент не работает с группами и элементами навигации.
- Перелистываемая галерея позволяет создать простую вертикальную или горизонтальную галерею изображений или их групп.
- Круговая галерея похожа на компонент "Перелистываемая галерея", но изображения сменяются с трехмерным эффектом, как на вращающемся экране.
- Галерея переходов позволяет использовать ряд анимационных эффектов при смене изображений.
Как использовать в проекте компонент "Панорамная галерея"
-
Откройте панель Компоненты, а затем папку Галереи.
-
Перетащите компонент Панорамная галерея в рабочую область.
-
Введите название компонента в соответствующем разделе панели Свойства.
-
Чтобы добавить в галерею изображения, выполните одно из следующих действий:
- В соответствующем разделе панели Свойства в поле Изображения нажмите кнопку Выберите изображения для галереи . Затем нажмите кнопку Выбрать изображения или перетащите изображения прямо в диалоговое окно.
- В разделе свойств компонента на соответствующей панели в поле Изображения укажите URL изображений через запятую.
-
При необходимости настройте описанные ниже дополнительные свойства компонента.
Как удалить изображения из галереи или изменить их порядок
- В соответствующем разделе панели Свойства нажмите кнопку Выберите изображения для галереи .
- Чтобы изменить порядок изображений, перетащите их. Чтобы удалить изображение из галереи, наведите на него указатель и нажмите кнопку Удалить .
- Нажмите ОК.
Свойства
Свойство | Описание |
---|---|
Название | Название компонента. |
Изображения | Разделенный запятыми список URL изображений для галереи. Можно связать с динамическими данными. |
Автозапуск | Если этот флажок установлен, все изображения галереи автоматически показываются по порядку. |
Упаковать | Если этот флажок установлен, первое изображение накладывается на последнее. |
События и действия
События, отправляемые компонентом "Панорамная галерея"Перечисленные ниже события компонента "Панорамная галерея" могут инициировать другие действия.
Событие | Описание |
---|---|
Первое взаимодействие | Отправляется, когда пользователь впервые использует галерею. |
Все кадры просмотрены | Отправляется, когда каждый кадр в галерее был показан не менее одного раза. |
Изображения загружены | Отправляется после загрузки всех кадров галереи. |
Кадр показан | Отправляется, когда каждый новый кадр полностью показан. |
Кадр активирован | Отправляется после начала смены кадра. |
Касание кадра | Отправляется после нажатия на кадр. |
Чтобы выбрать одно из этих событий в диалоговом окне Событие, установите компонент "Панорамная галерея" как цель.
Другие события могут вызывать следующие действия в компоненте "Панорамная галерея":
Действие | Параметры настройки |
---|---|
Перейти к кадру |
|
Однократный поворот |
|
Вперед | Нет |
Назад | Нет |
Выбрав одно из этих действий в диалоговом окне Событие, установите компонент "Панорамная галерея" в качестве получателя.
Подробнее о том, как настраивать события…
Предпросмотр
В рабочей области отображается первый кадр панорамной галереи, чтобы вам было понятно, где появится компонент. Чтобы увидеть компонент в действии, посмотрите документ, нажав кнопку Предпросмотр в правом верхнем углу браузера.