De component Carrouselgalerij

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

Met de component Carrouselgalerij maakt u een veegbare galerij in carrouselstijl voor meerdere afbeeldingen. Pas de componenteigenschappen aan om diverse 3D-functionaliteit en carrouseltypen te maken. U kunt een carrouselgalerij ook gebruiken in een dynamische advertentie.

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 carrouselgalerij in uw project gebruiken:

Open het deelvenster Componenten en daarna de map Galerijen.
Sleep de component Carrouselgalerij naar het werkvlak.
Ga naar het deelvenster Eigenschappen en geef de component een naam in het gedeelte met Eigenschappen van de carrouselgalerij.
Voeg een reeks afbeeldingen of een reeks groepen toe. Gebruik groepen om andere elementen dan afbeeldingen weer te geven of om meerdere elementen in één frame weer te geven.
- Gebruik een van de volgende methoden om afbeeldingen aan de galerij toe te voegen:
  - Ga naar het deelvenster Eigenschappen en klik in het gedeelte met eigenschappen voor Carrouselgalerij 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 Carrouselgalerij URL's voor uw afbeeldingen toe aan het veld Afbeeldingen, van elkaar gescheiden door komma's.
- Groepen toevoegen aan de galerij:
  - Ga naar het deelvenster Eigenschappen. Voeg in het gedeelte met eigenschappen voor Carrouselgalerij een lijst met groepsnamen aan het veld Groepen toe, van elkaar gescheiden door komma's.
Pas desgewenst extra componenteigenschappen aan (hieronder beschreven).

Afbeeldingen in de galerij opnieuw ordenen of verwijderen:

Ga naar het deelvenster Eigenschappen en klik in het gedeelte met eigenschappen voor Carrouselgalerij op de knop Galerij-afbeeldingen selecteren .
Sleep een afbeelding naar de gewenste 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.
Klik op OK.

Eigenschappen

Eigenschap	Beschrijving
Naam	Hiermee stelt u de naam van de carrouselgalerij in.
Afbeeldingen	Hiermee kunt u de afbeeldingen selecteren voor gebruik in de galerij. Kan worden gebonden aan dynamische gegevens.
Groepen	Een door komma's gescheiden lijst met groepen voor gebruik in de galerij. Kan worden gebonden aan dynamische gegevens.
Overgang	De tijd (in milliseconden) voor de overgang tussen afbeeldingen.
Startframe	Het nummer van de afbeelding die u als eerste wilt weergeven.
Automatisch afspelen	Als de optie is aangevinkt, worden de afbeeldingen in de galerij automatisch weergegeven.
Inclusief navigatie	Als deze optie is aangevinkt, worden navigatiepictogrammen opgenomen om in de galerij te navigeren.
Miniaturen gebruiken	Als deze optie is aangevinkt samen met 'Inclusief navigatie', worden miniaturen voor navigatie weergegeven in plaats van pictogrammen.
Markeringskleur	Hiermee stelt u de markeringskleur voor de navigatieafbeelding in.
Schalen	Hiermee bepaalt u hoe afbeeldingen met verschillende formaten worden weergegeven in het vaste frameformaat: Formaat van afbeeldingen wijzigen zodat ze passen: Het formaat van de afbeelding wordt proportioneel aangepast om ervoor te zorgen dat deze zonder bijsnijden in het frame past. Opvulling wordt toegevoegd als de beeldverhouding van de afbeelding en het frame verschillen. Afbeeldingen bijsnijden zodat ze passen: Het formaat van de afbeelding wordt zodanig aangepast dat het frame volledig wordt gevuld. Zo nodig wordt de afbeelding bijgesneden wanneer de beeldverhouding van het frame en de afbeelding verschillen. Geen: De afbeelding wordt weergegeven in het oorspronkelijke formaat, gecentreerd in het frame. Als de afbeelding smaller is dan het frame, wordt de extra ruimte opgevuld met transparantie. Als de afbeelding groter is, wordt deze bijgesneden. Afbeeldingen uitrekken zodat ze passen: Het formaat van de afbeelding wordt aangepast en zo nodig uitgerekt, zodat het formaat van de afbeelding zonder bijsnijden overeenkomt met de afmetingen van het frame.

Geavanceerde eigenschappen

Als u de geavanceerde eigenschappen wilt weergeven, klikt u op het icoon Uitvouwen naast Geavanceerde eigenschappen in het deelvenster met componenteigenschappen.

Framebreedte	De breedte (in pixels) van het afbeeldingsframe in de galerij.
Framehoogte	De hoogte (in pixels) van het afbeeldingsframe in de galerij.
Rotatie van aangrenzende component	De mate van rotatie die wordt toegepast op de aangrenzende frames.
Scheiding van aangrenzende component	De mate van scheiding tussen de frames.
Verticale verschuiving van aangrenzende component	De hoogte waarmee het aangrenzende frame wordt weergegeven.
Schaal van aangrenzende component	De vergelijkende schaal van de aangrenzende afbeelding.
Afsluit-URL's	Een lijst met URL's, gescheiden door komma's, die met elk frame in de galerij overeenkomt. Kan worden gebonden aan dynamische gegevens.
Reflectie weergeven (Webkit)	Als deze optie is aangevinkt, wordt er een reflectie van de afbeelding weergegeven. De reflectie wordt alleen ondersteund in WebKit-browsers.
Pause media when leaving frame (Media onderbreken bij verlaten van frame)	Wanneer deze optie is aangevinkt, wordt de in het huidige frame afgespeelde audio of video onderbroken als het frame wordt gewijzigd (om te voorkomen dat ongewenste content op de achtergrond wordt afgespeeld).
Resume media when entering frame (Media hervatten bij activeren van frame)	Wanneer deze optie is aangevinkt, wordt de in het volgende frame onderbroken audio of video gestart als het frame wordt gewijzigd (om te voorkomen dat ongewenste content op de achtergrond wordt afgespeeld).

Gebeurtenissen en acties

Gebeurtenissen die door de component Carrouselgalerij worden verstuurd

U kunt andere acties activeren op basis van de volgende gebeurtenissen van de component Carrouselgalerij:

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.
Automatisch afspelen beëindigd	Wordt verzonden wanneer automatisch afspelen om welke reden dan ook is beëindigd.
Frame weergegeven	Wordt verzonden wanneer elk nieuw frame volledig is weergegeven.
Frame geactiveerd	Wordt verzonden wanneer een framewijziging is gestart.
Frame automatisch afgespeeld	Wordt verzonden wanneer er een frame wordt geactiveerd voor automatisch afspelen.
Tikken op frame	Wordt verzonden wanneer op het frame is geklikt.
Linkeruiteinde	Wordt verzonden wanneer de galerij na vegen het linkeruiteinde bereikt.
Rechteruiteinde	Wordt verzonden wanneer de galerij na vegen het rechteruiteinde bereikt.
Bijhouden starten	Wordt verzonden wanneer het slepen via de muisaanwijzer of aanraking wordt gestart.
Bijhouden	De component registreert de X- en Y-locatiegegevens die zijn gekoppeld aan het slepen via de muisaanwijzer of aanraking.
Bijhouden beëindigen	Wordt verzonden wanneer het slepen via de muisaanwijzer of aanraking wordt beëindigd.

Als u een van deze gebeurtenissen selecteert in het dialoogvenster Gebeurtenis, stelt u de component Carrouselgalerij in als doel.

Acties die door de component Carrouselgalerij worden uitgevoerd

De volgende acties voor de component Carrouselgalerij kunnen worden geactiveerd als reactie op andere gebeurtenissen:

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

Als u een van deze acties selecteert in het dialoogvenster Gebeurtenis, stelt u de component Carrouselgalerij in als ontvanger.

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

Op het werkvlak geeft de carrouselgalerij 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.

Was dit nuttig?

Hoe kunnen we dit verbeteren?