De component 'Veegbare galerij'

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

Met de component 'Veegbare galerij' kunt u een eenvoudige galerij maken waarin gebruikers heen en weer kunnen swipen om een reeks verschillende afbeeldingen of een reeks verschillende groepen weer te geven. U kunt een veegbare galerij 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 veegbare galerij gebruiken:

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

2. Sleep de component Veegbare galerij naar het werkvlak.

3. Ga naar het deelvenster Eigenschappen. Geef de component een naam in het gedeelte met eigenschappen voor 'Veegbare galerij'.

4. 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 toe te voegen:

     • Ga naar het deelvenster Eigenschappen. Voeg in het gedeelte met eigenschappen voor 'Veegbare galerij' de URL's voor uw afbeeldingen toe aan het veld Afbeeldingen, van elkaar gescheiden door komma's.

     • Ga naar het deelvenster Eigenschappen en klik in het gedeelte met eigenschappen voor 'Veegbare galerij' op de knop Galerij-afbeeldingen selecteren . Klik op de knop Bestanden kiezen om naar afbeeldingsbestanden te browsen of sleep bestanden rechtstreeks naar het dialoogvenster.

   • Groepen toevoegen aan de galerij:

     • Ga naar het deelvenster Eigenschappen. Voeg in het gedeelte met eigenschappen voor 'Veegbare galerij' een lijst met groepsnamen aan het veld Groepen toe, van elkaar gescheiden door komma's.

5. Pas desgewenst de componenteigenschappen aan (hieronder beschreven).

Groepen gebruiken in de veegbare galerij

De veegbare galerij kan een verzameling afbeeldingen of een verzameling groepen bevatten. Als u groepen instelt, kunt u items gebruiken die geen afbeeldingen zijn (zoals een video's) of meerdere items in één frame van de galerij (zoals afbeeldingen met tekstbijschriften).

Als u video's of andere interactieve items gebruikt, selecteert u Swipen uitschakelen in het deelvenster 'Eigenschappen'. Hiermee kan de gebruiker interacties uitvoeren via de videobediening. U kunt de component 'Galerijnavigatie' gebruiken om de gebruiker te laten wisselen tussen galerijframes.

Als u een galerij wilt maken waarin een combinatie van afbeeldingen en groepen wordt weergegeven, moet u eerst de afbeeldingen die u wilt gebruiken naar groepen converteren.

U kunt ook groepen gebruiken om meerdere dynamische elementen weer te geven in de galerij.

Afbeeldingen in de galerij opnieuw ordenen of verwijderen:

1. Ga naar het deelvenster Eigenschappen en klik in het gedeelte met eigenschappen voor 'Veegbare galerij' op de knop Galerij-afbeeldingen selecteren .
2. 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.
3. Klik op OK.

Eigenschappen

Eigenschap	Beschrijving
Naam	Hiermee stelt u de naam van de veegbare galerij 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.
Frames weergeven	Het aantal frames dat tegelijkertijd in de galerij wordt weergegeven.
Veegbare frames	Het aantal frames dat bij elke veegbeweging wordt doorgeschoven.
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.
Richting	Hiermee bepaalt u of de afbeeldingen horizontaal of verticaal in de galerij worden verplaatst.

Geavanceerde eigenschappen

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

Geavanceerde eigenschap	Beschrijving
Frameverschuiving	De afstand tussen afbeeldingen.
Framebreedte	De breedte (in pixels) van het afbeeldingsframe in de galerij.
Framehoogte	De hoogte (in pixels) van het afbeeldingsframe in de galerij.
Duur van automatisch afspelen	De weergaveduur (in milliseconden) voor elke galerij, van het eerste tot het laatste frame. Deze tijd wordt gelijkmatig verdeeld over elke afbeelding, tenzij er een Stapinterval voor automatisch afspelen is gekozen.
Stapinterval voor automatisch afspelen	De weergaveduur (in milliseconden) voor elke afbeelding wanneer 'Automatisch afspelen' is ingeschakeld. Afbeeldingen worden afgespeeld met deze duur, totdat de duur voor 'Automatisch afspelen' is bereikt. Indien nodig worden de afbeeldingen meerdere keren weergegeven.
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.
Swipen uitzetten	Een selectievakje waarmee u de swipenavigatie voor de galerij kunt uitschakelen. Hiermee kan de gebruiker de interactie met elementen in het frame aangaan zonder dat met die interactie het frame per ongeluk wordt gewijzigd. Wanneer dit selectievakje is aangevinkt, kunt u de eigenschap 'Inclusief navigatie' of de component Galerijnavigatie gebruiken om frames te wijzigen.
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).
Media hervatten bij activeren van frame	Wanneer deze optie is aangevinkt, wordt de in het volgende frame onderbroken audio of video gestart wanneer dat frame actief wordt.

Gebeurtenissen en acties

Gebeurtenissen die door de component 'Veegbare galerij' worden gestuurd

U kunt andere acties activeren op basis van de volgende gebeurtenissen van de component 'Veegbare 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.
Automatisch afspelen beëindigd	Wordt verzonden wanneer het 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 een frame automatisch wordt weergegeven tijdens het 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.
Muisaanwijzer op een frame plaatsen	Wordt verzonden wanneer de muis het frame betreedt.
Muisaanwijzer uit een frame verplaatsen	Wordt verzonden wanneer de muis het frame verlaat.
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 'Veegbare galerij' in als doel.

Acties die door de component 'Veegbare galerij' worden uitgevoerd

De volgende acties voor de component 'Veegbare galerij' kunnen worden geactiveerd als reactie op andere gebeurtenissen:

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

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

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

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