De component Overgangsgalerij

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

Met de component Overgangsgalerij kunt u afbeeldingen opeenvolgend weergeven en kunt u de overgang tussen afbeeldingen animeren.

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 overgangsgalerij gebruiken:

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

2. Dubbelklik op de component Overgangsgalerij  of sleep deze naar het werkvlak.

3. Dubbelklik op de component of klik op de knop Instellingen...  in het deelvenster Eigenschappen. Het dialoogvenster Overgangsgalerij wordt geopend.

4. Het deelvenster Bibliotheek aan de linkerkant bevat afbeeldingen die u in de galerij kunt opnemen. Als u afbeeldingen wilt toevoegen, klikt u onderaan het deelvenster op de knop Items importeren  of sleept u afbeeldingen vanuit een ander venster.

5. Sleep de gewenste afbeeldingen in de galerij naar het deelvenster Frames onderaan het dialoogvenster of naar het werkvlak. Als u meerdere afbeeldingen vanuit de bibliotheek wilt toevoegen, kunt u ze ook allemaal selecteren. Klik vervolgens met de rechtermuisknop op de selectie en selecteer Toevoegen.

6. Selecteer het overgangstype in het deelvenster Overgang.

7. Pas de overgangsduur, easing (versnelling of vertraging) en andere eigenschappen aan (zoals hieronder wordt beschreven).

Galerij-afbeeldingen opnieuw ordenen:

1. Open het dialoogvenster Overgangsgalerij door op de component op het werkvlak te dubbelklikken of door op Instellingen...  in het deelvenster Eigenschappen te klikken:
2. Sleep in het deelvenster Frames onderaan een afbeelding naar de gewenste nieuwe positie.

Een galerij-afbeelding verwijderen:

1. Open het dialoogvenster Overgangsgalerij door op de component op het werkvlak te dubbelklikken of door op Instellingen...  in het deelvenster Eigenschappen te klikken:
2. Selecteer de afbeelding(en) die u wilt verwijderen in het deelvenster Frames onderaan.
3. Druk op de knop Verwijderen of klik met de rechtermuisknop op de selectie en selecteer Verwijderen in het pop-upmenu.

Een galerij-afbeelding wisselen:

1. Open het dialoogvenster Overgangsgalerij door op de component op het werkvlak te dubbelklikken of door op Instellingen...  in het deelvenster Eigenschappen te klikken:
2. Klik in het deelvenster Frames met de rechtermuisknop op de afbeelding en selecteer Afbeelding wisselen in het pop-upmenu.

Eigenschappen

U kunt de eigenschappen van deze component openen in het dialoogvenster Overgangsgalerij. U opent dit dialoogvenster door op de overgangsgalerij op het werkvlak te dubbelklikken of door op Instellingen...  in het deelvenster Eigenschappen te klikken.

Overgangstypen

Afhankelijk van het overgangstype is een andere reeks eigenschappen beschikbaar.

Geen

Er wordt geen visueel overgangseffect tussen frames gebruikt.

Vervagen

De oude afbeelding vervaagt uit beeld om de nieuwe afbeelding weer te geven.

Eigenschap	Beschrijving
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten

Duwen

De nieuwe afbeelding schuift in beeld terwijl de oude afbeelding uit beeld wordt geduwd.

Eigenschap	Beschrijving
Stijl	Normaal	Splitsen
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Richting (beschikbaar als Stijl is ingesteld op Normaal)	De richting van het effect. Van links naar rechts (standaard) Van rechts naar links Van boven naar onder Van onder naar boven
Stand (beschikbaar als Stijl is ingesteld op Splitsen)	De stand van de animatie. Horizontaal Verticaal (standaard)

 

Wissen

De nieuwe afbeelding vervangt geleidelijk de oude afbeelding langs een of meer bewegende lijnen.

Eigenschap	Beschrijving
Stijl	Normaal	Deur	Iris
	Radiaal	Strepen
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Richting (beschikbaar als Stijl is ingesteld op Normaal, Strepen, Deur of Radiaal)	De richting van het effect. De beschikbare opties zijn afhankelijk van de stijl: Normaal of Strepen: Van links naar rechts (standaard) Van rechts naar links Van boven naar onder Van onder naar boven Deur: Openen (standaard) Sluiten Radiaal: Rechtsom (standaard) Linksom
Hoek (beschikbaar als Stijl is ingesteld op Normaal)	De hoek van de wislijn in graden, van -89 tot 89.
Stand (beschikbaar als Stijl is ingesteld op Deur)	De stand van de animatie. Horizontaal Verticaal (standaard)
Herkomst (beschikbaar als Stijl is ingesteld op Iris of Radiaal)	De X- en Y-oorsprong van de iris of de veegradius, als percentage van het galerijframe.
Strepen (beschikbaar als Stijl is ingesteld op Strepen)	Het aantal strepen van elke kleur, van 1-10. De standaardinstelling is 2.
Kleur (beschikbaar als Stijl is ingesteld op Strepen)	De kleur van elke streep.

 

Segment

De nieuwe afbeelding wordt weergegeven in segmenten of balken die na elkaar in beeld schuiven.

Eigenschap	Beschrijving
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Richting	De richting van het effect. Van links naar rechts (standaard) Van rechts naar links Van boven naar onder Van onder naar boven
Segmenten	Het aantal segmenten, van 1-20. De standaardinstelling is 5.
Transparante achtergrond weergeven	Vink dit selectievakje aan om een transparante achtergrond weer te geven voordat de overgang naar de nieuwe afbeelding plaatsvindt, in plaats van een overlay die over de oude afbeelding heen wordt weergegeven.

Jaloezieën

De nieuwe afbeelding wordt weergegeven als van achter jaloezieën.

Eigenschap	Beschrijving
Stijl	Normaal	Jaloezieën
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Richting (beschikbaar als Stijl is ingesteld op Normaal)	De richting van het effect. Van links naar rechts (standaard) Van rechts naar links Van boven naar onder Van onder naar boven
Stand (beschikbaar als Stijl is ingesteld op Jaloezieën)	De stand van de animatie. Horizontaal Verticaal (standaard)
Jaloezieën	Het aantal jaloezieën, van 1-20. De standaardinstelling is 5.
Transparante achtergrond weergeven (beschikbaar als Stijl is ingesteld op Normaal)	Vink dit selectievakje aan om een transparante achtergrond weer te geven voordat de overgang naar de nieuwe afbeelding plaatsvindt, in plaats van een overlay die over de oude afbeelding heen wordt weergegeven.
Gefaseerd (beschikbaar als Stijl is ingesteld op Jaloezieën)	Vink dit selectievakje aan als de overgangen van de jaloezieën één voor één moeten plaatsvinden in plaats van gelijktijdig.

Draaien

De oude afbeelding begint rond te draaien tijdens het inzoomen en zoomt vervolgens uit op de nieuwe afbeelding terwijl het ronddraaien wordt voltooid.

Eigenschap	Beschrijving
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Richting	De richting van het effect. Rechtsom (standaard) Linksom

Zigzag

De nieuwe afbeelding wordt geleidelijk weergegeven in een zigzagpatroon.

Eigenschap	Beschrijving
Duur	De duur van een animatie vanuit het ene frame naar het volgende, in seconden. De standaardduur is 1.
Easing	De easing van de overgangsanimatie. Lineair (standaard) Afnemen naar binnen Afnemen naar buiten Afnemen naar binnen/buiten
Stand	De stand van de animatie. Horizontaal (standaard) Verticaal
Rijen	Het aantal rijen, van 1-20. De standaardwaarde is 5.
Kolommen	Het aantal kolommen, van 1-20. De standaardwaarde is 5.

Eigenschappen van Overgangsgalerij

Eigenschap	Beschrijving
Naam	De naam van de Overgangsgalerij-component.
Afbeeldingen	De afbeeldingen die in de galerij worden weergegeven. U kunt wijzigingen aanbrengen in het deelvenster Frames van het dialoogvenster Overgangsgalerij. Kan worden gebonden aan dynamische gegevens.
Schalen	Hiermee bepaalt u hoe afbeeldingen met verschillende formaten worden weergegeven in het vaste frameformaat: Meer informatie. Formaat van afbeelding wijzigen zodat deze past Afbeelding bijsnijden zodat deze past Geen Afbeelding uitrekken zodat deze past
Startframe	Het frame dat u in eerste instantie wilt weergeven (waarbij 1 het eerste frame is).
Automatisch afspelen
Automatisch afspelen	Als deze optie is aangevinkt, worden de frames in de galerij automatisch weergegeven. Als deze optie is ingeschakeld, wordt de totale tijd die nodig is om de hele galerij af te spelen, weergegeven in het deelvenster Frames.
Interval	Hoe lang elk frame zichtbaar is, in seconden. Alleen van toepassing als Autoplay is aangevinkt.
Herhalen	Het aantal keren dat de frames in de galerij worden afgespeeld, waarbij 0 staat voor oneindige lussen. Alleen van toepassing als Autoplay is aangevinkt.
Interactie
Verpakken	Als deze optie is aangevinkt, is navigatie van het laatste frame naar het eerste frame mogelijk.
Gebaar	Het gebaar van de gebruiker waarmee het huidige frame in de galerij wordt gewijzigd. Geen Klikken (standaard) Vegen (alleen beschikbaar bij bepaalde overgangstypen*) Naast het geselecteerde gebaar kunnen gebruikers ook navigatie-opsommingstekens gebruiken als u deze activeert, of kunnen ze andere aangepaste navigatieknoppen gebruiken die u instelt via Gebeurtenissen.
Terugvegen negeren	Als deze optie is aangevinkt, reageert de component niet op veegbewegingen in de tegenovergestelde richting van het animatie-effect, waardoor de gebruiker niet naar het vorige frame kan navigeren. Alleen van toepassing als de eigenschap Gebaar is ingesteld op Vegen en de optie Interactieve overgang aanzetten niet is aangevinkt.
Interactieve overgang aanzetten	Als deze optie is aangevinkt, volgt de overgangsanimatie de muis van de gebruiker. Alleen beschikbaar als de eigenschap Gebaar kan worden ingesteld op Vegen.*
Navigatie
Opnemen	Als deze optie is aangevinkt, worden in de galerij navigatieknoppen weergegeven.
Miniaturen	Als deze optie is aangevinkt, wordt in de galerij een miniatuur van elk frame weergegeven voor navigatie.
Markeren	Hiermee stelt u de markeringskleur in voor het frame dat momenteel wordt weergegeven.
Geavanceerd
Afsluit-URL's	Een door komma's gescheiden lijst van afsluit-URL's, één voor elk frame. Kan worden gebonden aan dynamische gegevens.

 

* Ondersteuning voor vegen

De volgende overgangstypen en -stijlen ondersteunen veegbewegingen:

• Duwen - Normaal
• Segment
• Wissen - Normaal
• Wissen - Strepen
• Jaloezieën - Normaal

Gebeurtenissen en acties

Gebeurtenissen die door de Overgangsgalerij-component worden verstuurd

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

Gebeurtenis	Beschrijving
Automatisch afspelen beëindigd	Wordt verstuurd als automatisch afspelen om welke reden dan ook is beëindigd. Als het afspelen natuurlijk is afgelopen doordat het beoogde aantal lussen is bereikt, is event.detail.completed waar. Anders is deze onwaar.
Frame geactiveerd	Wordt verzonden wanneer er een nieuw frame is geactiveerd, zelfs als het frame nog niet zichtbaar is.
Frame weergegeven	Wordt verzonden wanneer er een nieuw frame wordt weergegeven.
Tikken op frame	Wordt gestuurd als de gebruiker op een frame tikt.
Eén keer draaien beëindigd	Wordt gestuurd als het draaien om welke reden dan ook is beëindigd. Als het object op natuurlijke wijze is beëindigd, is event.detail.completed waar. Anders is deze onwaar.
Linkeruiteinde	Wordt verzonden wanneer de galerij het linkereinde bereikt.
Rechteruiteinde	Wordt verzonden wanneer de galerij het rechtereinde bereikt.

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

Acties die door de component Overgangsgalerij worden uitgevoerd

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

Actie	Configuratieopties
Ga naar frame	Framenummer Animeren
Eén keer draaien	Starten vanaf huidig frame
Autoplay starten	Starten vanaf huidig frame
Stoppen	geen
Vooruitgaan	geen
Teruggaan	geen

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

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

U kunt in de modus Ontwerp van het dialoogvenster Overgangsgalerij op de knop Afspelen  in het deelvenster Frames klikken om te zien hoe de basisovergang eruitziet, te beginnen met het geselecteerde frame. Terwijl het voorbeeld wordt afgespeeld, kunt u de eigenschappen aanpassen zodat u uw wijzigingen meteen in actie kunt zien.

Schakel over naar het tabblad Voorbeeld om te zien hoe de Overgangsgalerij werkt met de eigenschappen die u instelt, inclusief opties voor automatisch afspelen en interactie.

U kunt ook een voorbeeld van uw document bekijken in uw voorkeursbrowser. Hiertoe klikt u in het dialoogvenster op Opslaan en vervolgens op de knop Voorbeeld.