Foto animatie (diashow) op een pagina

Laatst bijgewerkt op 13 juli 2023

Wanneer u een Ziber website heeft met een Foto app, dan kunt u op een website pagina een foto-animatie plaatsen. In deze video wordt uitgelegd hoe u dat doet, en wat u kunt instellen.

Foto-animatie plaatsen op uw pagina

1. In het hoofdmenu van Ziber Team klik op Pagina's
2. Klik op de naam van de pagina waar u de foto-animatie wilt plaatsen
3. Klik op het icoon van content invoegen en kies Foto animatie
4. Kies de fotogroep die u wilt laten zien
5. Stel alle opties in (een taggie wordt in de pagina geplaatst)
6. Sla de wijzigingen op
7. Bekijk het resultaat op uw website-pagina

Foto animatie instellingen in taggie

Wanneer u een foto animatie in uw pagina plaatst ziet u in de texteditor onderstaande 'tag' staan. Hier leggen we uit wat iedere optie in deze tag betekent, zodat u dit kunt aanpassen naar uw wens!

[content|NL|PHOTO;html_1;###;breedtexhoogte;weergave;aantal;sortering;klikactie;autoplay]

Vaste gegevens in deze tag;

content: Betekent dat deze tag een stukje inhoud toevoegt aan uw pagina
NL: U gebruikt een Nederlandse website
PHOTO: De tag gaat over een foto-animatie
html_1: Het gaat om de HTML5 foto animatie
###: Is een nummer dat verwijst naar een groep van foto's in uw foto app

Optioneel in te stellen in de tag;

breedtexhoogte; U kunt hier de breedte en de hoogte opgeven in pixels. Wanneer u een automatische breedte of hoogte wilt gebruiken (op basis van een foto verhouding van 4:3) kunt u de waarde "-1" invullen. Dus bijvoorbeeld: 200x300 of -1x-1

weergave: Hier kunt u 2 waarden invullen

• 0, Dan worden de foto's vullend getoond. De foto-animatie wordt opgevuld met de foto en eventueel bijgesneden.
• 1, Dan worden de foto's passend getoond. De hele foto wordt getoond en niet bijgesneden.

aantal: Hier kunt u aangeven hoeveel foto's gebruikt mogen worden in de animatie

• -1, alle foto's in de foto groep worden gebruikt
• vast aantal, Het maximaal aantal foto's die worden getoond. Heeft u bijvoorbeeld 30 foto's in een groep en u stelt het aantal  in op 10 in, dan worden de 10 foto's getoond op basis van de gekozen volgorde.

sortering; Hier kunt u aangeven op welke manier de foto's gesorteerd worden. 

• 0, sortering op basis van fotonummering
• 1, sortering op basis van fotonaam (a > z)
• 2, sortering op basis van fotodatum
• 3, random sortering (elke keer begint de animatie dus met een andere foto)

klikactie; wat wilt u dat er gebeurt als er op een van de foto's wordt geklikt?

• -1, er kan niet op de foto geklikt worden
• 0, een vergroting van de foto, waar de bezoeker ook gelijk kan doorklikken naar de volgende foto's
• 1, doorklikken naar de fotogroep (foto app) binnen de website
• ext~url, wanneer een bezoeker klikt op een foto opent de website met 'url' in een nieuw venster. Zet dan op de plaats van url het www-adres (bv: ext~www.ziber.nl) 
• int~url, wanneer een bezoeker klikt op een foto opent de website met 'url' in het huidige venster. Zet dan op de plaats van url het www-adres (bv: int~www.ziber.nl) 

autoplay; Hier kunt u instellen of de animatie automatisch afspeelt. U kunt deze opties gebruiken:

• 0, niet automatisch afspelen (de bezoeker kan handmatig verder klikken)
• 1, de animatie wordt automatisch afgespeeld. 
• 1~seconden, de animatie wordt automatisch afgespeeld en u kunt op de plek van de 'seconden' instellen hoeveel seconde er tussen elke volgende foto zit