De component 360°-galerij

Deze component wordt niet ondersteund voor AMP HTML-advertenties, videoadvertenties of beeldadvertenties.

Met de component 360°-galerij kunt u een set van meerdere afbeeldingen gebruiken om een object draaiend weer te geven. De laatste afbeelding loopt standaard over in de eerste, waardoor de gebruiker het object naadloos in beide richtingen kan laten draaien.

In het volgende voorbeeld zijn 7 bronafbeeldingen gebruikt:

De juiste galerij kiezen

Google Web Designer beschikt over vier verschillende galerijcomponenten:

• De 360°-galerij geeft afbeeldingen van de verschillende kanten van een object weer, zodat u heen en weer kunt vegen om het object te draaien. De 360°-galerij geeft geen groepen of navigatie-elementen weer.
• De veegbare galerij heeft een eenvoudige, platte weergave en biedt gebruikers de mogelijkheid om verticaal of horizontaal door afbeeldingen of groepen te vegen.
• De carrouselgalerij is vergelijkbaar met de veegbare galerij, maar geeft aangrenzende afbeeldingen een driedimensionaal uiterlijk, alsof ze zich op een draaiende display bevinden.
• De overgangsgalerij biedt een reeks animatie-effecten tijdens het overschakelen van de ene afbeelding naar de volgende.

De 360°-galerij in uw project gebruiken:

1. Open het deelvenster Componenten en daarna de map Galerijen.

2. Sleep de component 360°-galerij  naar het werkvlak.

3. Ga naar het deelvenster Eigenschappen en geef de component een naam in het gedeelte met eigenschappen voor 360°-galerij.

4. Voeg via een van de volgende manieren afbeeldingen aan de galerij toe:

   • In het gedeelte met eigenschappen voor 360°-galerij van deEigenschappen klikt u op de knop Galerij-afbeeldingen selecteren  in het veld Afbeeldingen. Klik op de knop Afbeeldingen kiezen om naar afbeeldingsbestanden te browsen of sleep bestanden rechtstreeks naar het dialoogvenster.
   • Ga naar het deelvenster Eigenschappen. Voeg in het gedeelte met eigenschappen voor 360°-galerij URL's voor uw afbeeldingen toe aan het veld Afbeeldingen, van elkaar gescheiden door komma's.

5. Pas desgewenst extra eigenschappen aan (hieronder beschreven).

Afbeeldingen in de galerij opnieuw ordenen of verwijderen:

1. Klik in het deelvenster Eigenschappen en klik in het gedeelte met eigenschappen voor 360°-galerij op de knop Galerij-afbeeldingen selecteren .
2. Sleep een afbeelding naar de nieuwe positie om de afbeelding opnieuw te ordenen. U kunt ook de muisaanwijzer op een afbeelding plaatsen en op de knop Verwijderen  klikken om de afbeelding uit de galerij te verwijderen.
3. Klik op OK.

Eigenschappen

Eigenschap	Beschrijving
Naam	De naam van de component.
Afbeeldingen	URL's van de afbeeldingen die moeten worden weergegeven in de galerij, van elkaar gescheiden door komma's. Kan worden gebonden aan dynamische gegevens.
Automatisch afspelen	Wanneer dit selectievakje is aangevinkt, geeft de galerij automatisch beurtelings elk van de afbeeldingen weer.
Verpakken	Wanneer dit selectievakje is aangevinkt, wordt de galerij vanaf beide uiteinden verpakt (de eerste afbeelding en de laatste afbeelding).

Gebeurtenissen en acties

Gebeurtenissen die door de component 360°-galerij worden verstuurd

U kunt andere acties activeren op basis van de volgende gebeurtenissen van de component 360°-galerij:

Gebeurtenis	Beschrijving
Eerste interactie	Wordt verzonden bij de eerste interactie van de gebruiker voor de galerij.
Alle frames bekeken	Wordt verzonden wanneer elk frame van de galerij minimaal één keer is weergegeven.
Afbeeldingen geladen	Wordt verzonden wanneer alle frames van de galerij zijn geladen.
Frame weergegeven	Wordt verzonden wanneer elk nieuw frame volledig is weergegeven.
Frame geactiveerd	Wordt verzonden wanneer een framewijziging is gestart.
Tikken op frame	Wordt verzonden wanneer op het frame is geklikt.

Als u een van deze gebeurtenissen in het dialoogvenster Gebeurtenis wilt selecteren, stelt u de component 360°-galerij in als doel.

Acties die door de component 360°-galerij worden uitgevoerd

De volgende acties voor de component 360°-galerij kunnen worden geactiveerd als reactie op andere gebeurtenissen:

Actie	Configuratieopties
Ga naar frame	Framenummer Animeren: 'none' of 'slide' Draairichting: 'forwards' of 'backwards'
Eén keer draaien	Draaitijd: tijd in milliseconden Draairichting: 'forwards' of 'backwards'
Vooruitgaan	geen
Teruggaan	geen

Als u een van deze acties selecteert in het dialoogvenster Gebeurtenis, stelt u de component 360°-galerij in als ontvanger.

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

Op het werkvlak geeft de 360°-galerij alleen het startframe weer om u een idee te geven van hoe de component wordt weergegeven. Als u de volledig weergegeven component in actie wilt bekijken, kunt u een voorbeeld van het document in uw voorkeursbrowser bekijken door rechtsboven op de knop Voorbeeld te klikken.