Komponente „360°-Galerie“

Diese Komponente wird nicht für AMPHTML-Anzeigen, Videoanzeigen und Bildanzeigen unterstützt.

Mit der Komponente „360°-Galerie“ können Sie aus mehreren Bildern ein sich drehendes Objekt erstellen. Standardmäßig schließt das letzte Bild den Kreis zum ersten Bild, das heißt, der Nutzer kann das Objekt nahtlos in jede Richtung drehen.

Im folgenden Beispiel wurden sieben Quellbilder verwendet:

Die richtige Galerie auswählen

Google Web Designer hat vier Galeriekomponenten:

In der 360°-Galerie werden Bilder der verschiedenen Seiten eines Objekts gezeigt. Sie können mit dem Finger vor- und zurückwischen, um das Objekt zu drehen. In der 360°-Galerie werden keine Gruppen oder Navigationselemente dargestellt.
Die Swipe-Galerie bietet eine einfache, zweidimensionale Darstellung. Sie können vertikal oder horizontal durch Bilder oder Gruppen wischen.
Die Karussell-Galerie ist mit der Swipe-Galerie vergleichbar, allerdings wird der Bildwechsel mit einem dreidimensionalen Effekt durchgeführt, als ob die Bilder sich auf einem rotierenden Display befänden.
Die Übergangsgalerie bietet verschiedene Animationseffekte für den Wechsel von einem Bild zum nächsten.

So verwenden Sie die 360°-Galerie in Ihrem Projekt:

Öffnen Sie das Steuerfeld Komponenten und dann den Ordner Galerien.
Ziehen Sie die Komponente 360°-Galerie in den Anzeigebereich.
Geben Sie der Komponente im Bereich Eigenschaften unter "360°-Galerie" einen Namen.
Fügen Sie der Galerie mit einer der folgenden Methoden Bilder hinzu:
- Gehen Sie im Steuerfeld Eigenschaften zum Eigenschaftenbereich „360°-Galerie“ und klicken Sie im Feld Bilder auf Galeriebilder auswählen . Klicken Sie auf Bilder auswählen, um nach Bilddateien zu suchen, oder ziehen Sie Dateien direkt in das Dialogfeld.
- Gehen Sie im Steuerfeld „Eigenschaften“ zum Eigenschaftenbereich „360°-Galerie“ und fügen Sie im Feld Bilder durch Kommas getrennte URLs für Ihre Bilder hinzu.
Sie können zusätzliche Eigenschaften außerdem wie unten beschrieben nach Belieben anpassen.

So ordnen Sie Bilder in der Galerie neu an oder entfernen sie:

Gehen Sie im Steuerfeld Eigenschaften zum Eigenschaftenbereich „360°-Galerie“ und klicken Sie auf Galeriebilder auswählen .
Ziehen Sie ein Bild an eine andere Position, um es neu anzuordnen, oder bewegen Sie den Mauszeiger auf ein Bild und klicken Sie auf Löschen , um es aus der Galerie zu entfernen.
Klicken Sie auf OK.

Eigenschaften

Eigenschaft	Beschreibung
Name	Der Name der Komponente
Bilder	Durch Kommas getrennte URLs der Bilder, die in der Galerie angezeigt werden. Kann an dynamische Daten gebunden werden.
Automatische Wiedergabe	Wenn diese Option aktiviert ist, werden in der Galerie automatisch alle Bilder nacheinander angezeigt.
Zusammenfassen	Wenn diese Option aktiviert ist, schließt sich das letzte Bild an das erste Bild an.

Ereignisse und Aktionen

Von der Komponente „360°-Galerie“ gesendete Ereignisse

Sie können basierend auf den folgenden Ereignissen der Komponente "360°-Galerie" andere Aktionen auslösen:

Ereignis	Beschreibung
Erste Interaktion	Wird ausgelöst, wenn der Nutzer zum ersten Mal mit der Galerie interagiert
Alle Frames angezeigt	Wird ausgelöst, wenn alle Frames der Galerie mindestens einmal angezeigt wurden
Bilder geladen	Wird ausgelöst, wenn alle Frames der Galerie geladen wurden
Angezeigter Frame	Wird ausgelöst, wenn jeder neue Frame vollständig angezeigt wird
Frame aktiviert	Wird ausgelöst, wenn ein Frame gewechselt wird
Frame-Berührung	Wird ausgelöst, wenn auf einen Frame geklickt wird

Wenn Sie eines dieser Ereignisse im Dialogfeld Ereignis auswählen möchten, legen Sie die Komponente „360°-Galerie“ als Ziel fest.

Von der Komponente „360°-Galerie“ ausgeführte Aktionen

Folgende Aktionen der Komponente "360°-Galerie" können als Reaktion auf andere Ereignisse ausgelöst werden:

Aktion	Konfigurationsoptionen
Zu Frame springen	Frame-Nummer Animation: "Keine" oder "Ziehen" Rotationsrichtung: "Vor" oder "Zurück"
Einmal drehen	Rotationszeit: Zeit in Millisekunden Rotationsrichtung: "Vor" oder "Zurück"
Vor	Keine
Zurück	Keine

Wenn Sie eine dieser Aktionen im Dialogfeld Ereignis auswählen, legen Sie die Komponente „360°-Galerie“ als Empfänger fest.

Informationen zum Konfigurieren von Ereignissen

Vorschau

Im Anzeigebereich wird nur der Start-Frame der 360°-Galerie angezeigt, damit Sie einen Eindruck davon erhalten, wie die Komponente aussehen wird. Wenn Sie die vollständig gerenderte Komponente in Aktion sehen möchten, erstellen Sie eine Vorschau des Dokuments in Ihrem bevorzugten Browser. Klicken Sie dazu rechts oben auf die Schaltfläche Vorschau.

War das hilfreich?

Wie können wir die Seite verbessern?