In deze handleiding zie je hoe je het diapresentatie-blok kunt gebruiken om een interactieve diapresentatie met afbeeldingen toe te voegen aan een bericht of pagina.
Zo ziet het er op de site uit:
In deze handleiding
Om het diapresentatie-blok toe te voegen, klik je op het invoegpictogram + Blok en zoek je naar ‘Diapresentatie’. Klik erop om het blok toe te voegen aan het bericht of de pagina.
![Screenshot van het toevoegen van een diapresentatie-blok met de knop + blok toevoegen linksbovenaan de blokeditor.](https://en-support.files.wordpress.com/2022/06/add-a-slideshow-block.png?w=696)
💡
Je kunt met behulp van je toetsenbord ook /
diapresentatie
op een nieuwe regel typen en op Enter drukken om snel een nieuw diapresentatie-blok toe te voegen.
![Screenshot van het toevoegen van een diapresentatie-blok door / en diapresentatie te typen in het hoofdgedeelte van de editor.](https://en-support.files.wordpress.com/2022/06/add-slideshow-block-with-slash.png?w=682)
Ga voor meer informatie naar onze gedetailleerde instructies over blokken toevoegen.
Wanneer je eerst een diapresentatie-blok toevoegt, heb je twee opties: Afbeeldingen uploaden en selecteren.
![Voorbeeld van het uploaden of toevoegen van afbeeldingen uit de mediabibliotheek, Google Photo's, Pexels Free Photos of Openverse met behulp van het diapresentatie-blok.](https://en-support.files.wordpress.com/2022/06/add-images-on-the-slideshow-block-1.png?w=1024)
Met Uploaden kun je een nieuwe afbeelding of meerdere afbeeldingen uploaden vanaf je computer naar je website.
Afbeeldingen selecteren geeft je de mogelijkheid om te kiezen uit eerder geüploade afbeeldingen in je mediabibliotheek of te kiezen uit Google Foto’s, de Pexels Free Photo-en Openverse-bibliotheken.
Je kunt aanvullende afbeeldingen toevoegen aan je diapresentatie met de optie Upload een afbeelding onder de diapresentatie die je hebt aangemaakt.
![Screenshot van het toevoegen van aanvullende afbeeldingen aan de diapresentatie met de optie Upload een afbeelding.](https://en-support.files.wordpress.com/2022/06/upload-images-to-slideshow.png?w=1024)
Je kunt de knop Diapresentatie bewerken op de werkbalk gebruiken om afbeeldingen toe te voegen of te verwijderen of de volgorde waarin ze verschijnen aan te passen.
![Screenshot van de optie Diapresentatie bewerken in de werkbalk van het diapresentatie-blok.](https://en-support.files.wordpress.com/2022/06/edit-slideshow-button.png?w=556)
De afbeeldingen worden toegevoegd aan de diapresentatie in de volgorde waarin je ze hebt geselecteerd bij het aanmaken van de diapresentatie. Je kunt de volgorde van de afbeeldingen aanpassen met de optie Diapresentatie bewerken. Als je de diapresentatie bijwerkt, wordt naast elke afbeelding een nummer weergegeven wanneer je ze selecteert. Dit nummer geeft aan in welke volgorde de afbeeldingen worden weergegeven in je diapresentatie-blok.
Als je op het blok klikt, wordt een werkbalk met opties weergegeven erboven:
![Screenshot van de werkbalk van het diapresentatie-blok](https://en-support.files.wordpress.com/2022/06/slideshow-block-toolbar-1.png?w=536)
De werkbalk van het Diapresentatie-blok bevat de volgende opties:
- Wijzig bloktype.
- Sleep het blok.
- Verplaats het blok omhoog of omlaag.
- Uitlijning wijzigen.
- Diapresentatie bewerken.
- Meer opties.
Als je op het blok klikt, zie je aanvullende blokinstellingen in de rechter sidebar. Als je de sidebar niet ziet, moet je wellicht op het pictogram ⚙️ (tandwiel) in de rechterbovenhoek klikken om de instellingen weer te geven.
![Screenshot van de instellingen voor het diapresentatie-blok in de rechter sidebar.](https://en-support.files.wordpress.com/2022/06/slideshow-block-settings.png?w=558)
Het Diapresentatie-blok heeft meerdere instellingen die je kunt aanpassen in de sidebar Blokinstellingen.
![](https://en-support.files.wordpress.com/2022/06/slideshow-block-sidebar-settings.png?w=411)
Zet deze optie aan om je diapresentatie automatisch van afbeelding te laten wisselen.
Als deze optie is ingeschakeld zie je een pauze-knop in de diapresentatie waarmee kijkers de diapresentatie kunnen pauzeren. Je kunt ook de vertraging (in seconden) tussen automatische overgangen selecteren:
![Screenshot van de knop Automatisch afspelen en de pauze-knop in het diapresentatie-blok waarmee de vertraging tussen overgangen kan worden ingesteld.](https://en-support.files.wordpress.com/2022/06/autoplay-on-slideshow-block.png?w=1024)
Op het tabblad Effecten kun je kiezen tussen verschuiven of vervagen voor je dia-overgangen.
![Screenshot van de overgangseffecten verschuiven of vervangen op het diapresentatie-blok.](https://en-support.files.wordpress.com/2022/06/slideshow-effects.png?w=548)
In het tabblad Afbeeldingsinstellingen kun je naast de opties miniatuur, middelgroot, groot en volledige grootte de afbeeldingsgrootte kiezen voor het diapresentatie-blok.
![Screenshot van de afbeeldingsinstellingen in het diapresentatie-blok.](https://en-support.files.wordpress.com/2022/06/slideshow-image-settings.png?w=552)
Geavanceerd
Met het tabblad Geavanceerd kan je een CSS-klasse toevoegen aan je blok, zodat je aangepaste CSS kan schrijven en de stijl van het blok naar eigen wens kan aanpassen.
![In het gedeelte Geavanceerd kun je een CSS-klasse aan je blok toevoegen.](https://en-support.files.wordpress.com/2018/12/image3.png)