---
title: "Interaktiv grafikk med klikkbare hotspots"
description: "Gjør et bilde om til et kart med klikkbare elementer, vis elementer på bestemte dager, og bruk det som en kalender."
url: https://scratcher.io/no/help/elements/interactive-graphic
language: nb
---

1. [Hjelpesenter](https://scratcher.io/no/help)
2. [Elementer og design](https://scratcher.io/no/help/elements)
3. Interaktiv grafikk med klikkbare hotspots

# Interaktiv grafikk med klikkbare hotspots

Gjør et bilde om til et kart med klikkbare elementer, vis elementer på bestemte dager, og bruk det som en kalender.

En interaktiv grafikk er et bilde med klikkbare elementer oppå, for eksempel et butikkart, en plantegning for en messe eller et vinterlandskap der et nytt element dukker opp hver dag. Det er et spesialformat: du trenger tillegget **Spesialformater**, eller en plan som inkluderer det.

## Lag en interaktiv grafikk

1. Klikk på **Legg til side** og velg **Interaktiv grafikk**, eller sett inn elementet på en side.
2. I fanen **Innhold** laster du opp grunnbildet under **Bilde**.
3. Klikk på **Legg til kartelement** og dra elementet dit det skal være på bildet.
4. Klikk på elementet for å sette det opp:
    - **Navn**: det er bare du som ser det.
    - **Bilde**: bildet til elementet. Du kan også velge et **før**- og et **etter**-bilde, for eksempel en lukket og en åpen gave.
    - **Handling**: **Gå til side** eller **Lenke**.
5. I fanen **Stiler** for elementet angir du bakgrunnen ved hover, størrelsen og formen. Slå på **Fast kvadrat** under **Innstillinger** for å holde det kvadratisk.

## Innstillinger for hele grafikken

- **Skaler bildet til full bredde**: bildet fyller hele bredden på siden.
- **Bruk felles bilde for alle elementer**: alle elementene bruker det samme bildet.
- **Planlegg aktivitet for kartelementer**: elementene er bare aktive på bestemte tidspunkter.

## Vis elementer på bestemte dager

Når **Planlegg aktivitet for kartelementer** er slått på, får hvert element en **Tidsplan**:

1. Angi **Starttilstand** for elementet: aktivert eller deaktivert.
2. Klikk på **Legg til tidsplan** og velg når det endres: **Fra**, **Den (enkeltdag)** eller **Mellom**.
3. Velg **Datotype**: en **Kampanjedag** (for eksempel dag 3 av kampanjen) eller en **Fast dato**.

## Bruk det som en kalender

Slå på **Aktiver avansert kalender** for å gi hvert element sine egne sider, sitt eget spill og sine egne premier, akkurat som en luke i en kalender. Bruk tillegget **Overstyr handlingene for elementene** hvis noen elementer skal gjøre noe annet. Se [Julekalendere og adventskalendere](https://scratcher.io/no/help/games/advent-and-christmas-calendars).

Elementer og design

- [Slik fungerer elementinnstillingene](https://scratcher.io/no/help/elements/element-settings-basics)
- [Rediger tekst og overskrifter](https://scratcher.io/no/help/elements/text-and-headings)
- [Knapper og klikkhandlinger](https://scratcher.io/no/help/elements/buttons-and-click-actions)
- [Bilder, logoer, video og fonter](https://scratcher.io/no/help/elements/images-video-and-fonts)
- [Seksjoner, kolonner, skillelinjer og avstandsholdere](https://scratcher.io/no/help/elements/sections-columns-and-layout)
- [Sideinnstillinger, bakgrunner og popup-sider](https://scratcher.io/no/help/elements/page-settings-and-backgrounds)
- [Elementene nedtelling, sosiale medier, del og meny](https://scratcher.io/no/help/elements/countdown-social-share-and-menu)
- [Interaktiv grafikk med klikkbare hotspots](https://scratcher.io/no/help/elements/interactive-graphic)
- [Cookie-varsel, egen kode og andre kampanjetillegg](https://scratcher.io/no/help/elements/cookie-notice-and-custom-code)
- [Lagre og gjenbruk maler](https://scratcher.io/no/help/elements/templates-and-reuse)

## Relaterte artikler

- [Knapper og klikkhandlinger](https://scratcher.io/no/help/elements/buttons-and-click-actions): Velg hva som skjer når folk klikker på en knapp eller et bilde: neste side, en lenke, spill, send inn, del, last ned og mer.
- [Julekalendere og adventskalendere](https://scratcher.io/no/help/games/advent-and-christmas-calendars): Lag en kalender med en ny luke hver dag, gi hver dag sitt eget spill og egne premier, og kopier dager for å spare tid.
- [Nedtellinger, forhåndsregistrering og andre spesialsider](https://scratcher.io/no/help/games/special-pages): Bygg opp forventningene før lansering, samle inn påmeldinger før start, og vis en side når kampanjen er over.

## Trenger du fortsatt hjelp?

Ekte mennesker står klare til å hjelpe. Bruker du allerede Scratcher, er chatten i plattformen den raskeste veien.

- **[Chat med oss](https://platform.scratcher.io/login)**

    Logg inn og klikk på chatknappen nederst til høyre. Rex svarer med en gang, og teamet vårt er bare et klikk unna.
- **[Book et møte](https://scratcher.io/no/book-a-meeting)**

    En gratis videosamtale på 30 minutter med teamet vårt: en omvisning, kampanjeideer eller hjelp med oppsettet ditt.
- **[Send oss en e-post](mailto:contact@scratcher.io)**

    Skriv til contact@scratcher.io, så svarer vi deg.