---
title: "Interactieve afbeeldingen met klikbare hotspots"
description: "Maak van een afbeelding een kaart met klikbare items, toon items op bepaalde dagen en gebruik hem als kalender."
url: https://scratcher.io/nl/help/elements/interactive-graphic
language: nl
---

1. [Helpcentrum](https://scratcher.io/nl/help)
2. [Elementen en design](https://scratcher.io/nl/help/elements)
3. Interactieve afbeeldingen met klikbare hotspots

# Interactieve afbeeldingen met klikbare hotspots

Maak van een afbeelding een kaart met klikbare items, toon items op bepaalde dagen en gebruik hem als kalender.

Een interactieve afbeelding is een afbeelding met klikbare items erop, bijvoorbeeld een plattegrond van een winkel, een beursvloer of een winterlandschap waarin elke dag een nieuw item verschijnt. Het is een speciaal format: je hebt de add-on **Speciale formats** nodig, of een abonnement waarin die zit.

## Een interactieve afbeelding maken

1. Klik op **Pagina toevoegen** en kies **Interactieve afbeelding**, of voeg het element in op een pagina.
2. Upload op het tabblad **Inhoud** de basis-**Afbeelding**.
3. Klik op **Kaartitem toevoegen** en sleep het item naar zijn plek op de afbeelding.
4. Klik op het item om het in te stellen:
    - **Naam**: alleen jij ziet die.
    - **Afbeelding**: de afbeelding van het item. Je kunt ook een afbeelding **vóór** en **na** kiezen, bijvoorbeeld een gesloten en een geopend cadeau.
    - **Actie**: **Naar pagina** of **Link**.
5. Stel op het tabblad **Stijlen** van het item de achtergrond bij hover, de grootte en de vorm in. Zet **Vast vierkant** aan in **Instellingen** om het vierkant te houden.

## Instellingen voor de hele afbeelding

- **Afbeelding schalen naar volledige breedte**: de afbeelding vult de breedte van de pagina.
- **Gedeelde afbeelding voor alle items gebruiken**: alle items gebruiken dezelfde afbeelding.
- **Activiteit van kaartitems plannen**: items zijn alleen op bepaalde momenten actief.

## Items op bepaalde dagen tonen

Staat **Activiteit van kaartitems plannen** aan, dan krijgt elk item een **Planning**:

1. Stel de **Beginstatus** van het item in: ingeschakeld of uitgeschakeld.
2. Klik op **Planning toevoegen** en kies wanneer het verandert: **Van**, **Op (één dag)** of **Tussen**.
3. Kies het **Datumtype**: een **Campagnedag** (bijvoorbeeld dag 3 van de campagne) of een **Vaste datum**.

## Als kalender gebruiken

Zet **Geavanceerde kalender inschakelen** aan om elk item zijn eigen pagina's, spel en prijzen te geven, net als een kalenderdeurtje. Gebruik de add-on **Itemacties overschrijven** als sommige items iets anders moeten doen. Zie [Advents- en kerstkalenders](https://scratcher.io/nl/help/games/advent-and-christmas-calendars).

Elementen en design

- [Zo werken de instellingen van elementen](https://scratcher.io/nl/help/elements/element-settings-basics)
- [Tekst en koppen bewerken](https://scratcher.io/nl/help/elements/text-and-headings)
- [Knoppen en klikacties](https://scratcher.io/nl/help/elements/buttons-and-click-actions)
- [Afbeeldingen, logo's, video en lettertypen](https://scratcher.io/nl/help/elements/images-video-and-fonts)
- [Secties, kolommen, scheidingslijnen en spacers](https://scratcher.io/nl/help/elements/sections-columns-and-layout)
- [Pagina-instellingen, achtergronden en pop-uppagina's](https://scratcher.io/nl/help/elements/page-settings-and-backgrounds)
- [Aftellen, social media, delen en menu](https://scratcher.io/nl/help/elements/countdown-social-share-and-menu)
- [Interactieve afbeeldingen met klikbare hotspots](https://scratcher.io/nl/help/elements/interactive-graphic)
- [Cookiemelding, eigen code en andere campagne-add-ons](https://scratcher.io/nl/help/elements/cookie-notice-and-custom-code)
- [Templates opslaan en hergebruiken](https://scratcher.io/nl/help/elements/templates-and-reuse)

## Gerelateerde artikelen

- [Knoppen en klikacties](https://scratcher.io/nl/help/elements/buttons-and-click-actions): Kies wat er gebeurt als mensen op een knop of afbeelding klikken: volgende pagina, een link, spelen, verzenden, delen, downloaden en meer.
- [Advents- en kerstkalenders](https://scratcher.io/nl/help/games/advent-and-christmas-calendars): Maak een kalender met elke dag een nieuw deurtje, geef elke dag een eigen spel en eigen prijzen, en kopieer dagen om tijd te besparen.
- [Aftellen, voorregistratie en andere speciale pagina's](https://scratcher.io/nl/help/games/special-pages): Bouw spanning op voor de lancering, verzamel aanmeldingen voor de start en toon een pagina als de campagne is afgelopen.

## Nog steeds hulp nodig?

Echte mensen staan klaar om je te helpen. Gebruik je Scratcher al? Dan is de chat in het platform de snelste weg.

- **[Chat met ons](https://platform.scratcher.io/login)**

    Log in en klik op de chatknop rechtsonder. Rex antwoordt meteen, en ons team is maar één klik verwijderd.
- **[Plan een gesprek](https://scratcher.io/nl/book-a-meeting)**

    Een gratis videogesprek van 30 minuten met ons team: een rondleiding, campagne-ideeën of hulp bij je opzet.
- **[Mail ons](mailto:contact@scratcher.io)**

    Schrijf naar contact@scratcher.io en we nemen contact met je op.