---
title: "Interaktiv grafik med klickbara hotspots"
description: "Gör en bild till en karta med klickbara objekt, visa objekt på bestämda dagar och använd den som en kalender."
url: https://scratcher.io/sv/help/elements/interactive-graphic
language: sv
---

1. [Hjälpcenter](https://scratcher.io/sv/help)
2. [Element och design](https://scratcher.io/sv/help/elements)
3. Interaktiv grafik med klickbara hotspots

# Interaktiv grafik med klickbara hotspots

Gör en bild till en karta med klickbara objekt, visa objekt på bestämda dagar och använd den som en kalender.

En interaktiv grafik är en bild med klickbara objekt ovanpå, till exempel en butikskarta, en planritning över en mässa eller ett vinterlandskap där ett nytt objekt dyker upp varje dag. Det är ett specialformat: du behöver tillägget **Special formats** eller en plan som innehåller det.

## Skapa en interaktiv grafik

1. Klicka på **Lägg till sida** och välj **Interaktiv grafik**, eller infoga elementet på en sida.
2. Ladda upp grundbilden under **Bild** på fliken **Innehåll**.
3. Klicka på **Lägg till kartobjekt** och dra objektet till sin plats på bilden.
4. Klicka på objektet för att ställa in det:
    - **Namn**: det är bara du som ser det.
    - **Bild**: objektets bild. Du kan också välja en bild för **före** och en för **efter**, till exempel en stängd och en öppnad present.
    - **Åtgärd**: **Gå till sida** eller **Länk**.
5. Ställ in bakgrund vid hovring, storlek och form på objektets flik **Stilar**. Slå på **Fast kvadrat** under **Inställningar** för att hålla det kvadratiskt.

## Inställningar för hela grafiken

- **Skala bilden till full bredd**: bilden fyller sidans bredd.
- **Använd samma bild för alla objekt**: alla objekt använder samma bild.
- **Schemalägg kartobjektens aktivitet**: objekten är bara aktiva vid vissa tider.

## Visa objekt på vissa dagar

När **Schemalägg kartobjektens aktivitet** är på får varje objekt ett **Schema**:

1. Ställ in objektets **Starttillstånd**: aktiverat eller inaktiverat.
2. Klicka på **Lägg till schema** och välj när det ändras: **Från**, **Den (enskild dag)** eller **Mellan**.
3. Välj **Datumtyp**: en **Kampanjdag** (till exempel kampanjens dag 3) eller ett **Fast datum**.

## Använd den som en kalender

Slå på **Aktivera avancerad kalender** för att ge varje objekt egna sidor, ett eget spel och egna vinster, precis som en kalenderlucka. Använd tillägget **Åsidosätt objektens åtgärder** om vissa objekt ska göra något annat. Läs [Advents- och julkalendrar](https://scratcher.io/sv/help/games/advent-and-christmas-calendars).

Element och design

- [Så fungerar elementinställningarna](https://scratcher.io/sv/help/elements/element-settings-basics)
- [Redigera text och rubriker](https://scratcher.io/sv/help/elements/text-and-headings)
- [Knappar och klickåtgärder](https://scratcher.io/sv/help/elements/buttons-and-click-actions)
- [Bilder, logotyper, video och typsnitt](https://scratcher.io/sv/help/elements/images-video-and-fonts)
- [Sektioner, kolumner, avdelare och mellanrum](https://scratcher.io/sv/help/elements/sections-columns-and-layout)
- [Sidinställningar, bakgrunder och popupsidor](https://scratcher.io/sv/help/elements/page-settings-and-backgrounds)
- [Elementen Nedräkning, Sociala medier, Dela och Meny](https://scratcher.io/sv/help/elements/countdown-social-share-and-menu)
- [Interaktiv grafik med klickbara hotspots](https://scratcher.io/sv/help/elements/interactive-graphic)
- [Cookiemeddelande, egen kod och andra kampanjtillägg](https://scratcher.io/sv/help/elements/cookie-notice-and-custom-code)
- [Spara och återanvänd mallar](https://scratcher.io/sv/help/elements/templates-and-reuse)

## Relaterade artiklar

- [Knappar och klickåtgärder](https://scratcher.io/sv/help/elements/buttons-and-click-actions): Välj vad som händer när någon klickar på en knapp eller bild: nästa sida, en länk, spela, skicka, dela, ladda ner med mera.
- [Advents- och julkalendrar](https://scratcher.io/sv/help/games/advent-and-christmas-calendars): Skapa en kalender med en ny lucka varje dag, ge varje dag ett eget spel och egna vinster, och kopiera dagar för att spara tid.
- [Nedräkningar, förregistrering och andra specialsidor](https://scratcher.io/sv/help/games/special-pages): Bygg upp förväntan före lanseringen, samla in registreringar före starten och visa en sida när kampanjen har avslutats.

## Behöver du fortfarande hjälp?

Riktiga människor finns här för att hjälpa dig. Om du redan använder Scratcher är chatten i plattformen det snabbaste sättet.

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

    Logga in och klicka på chattknappen nere till höger. Rex svarar direkt, och vårt team finns bara ett klick bort.
- **[Boka ett möte](https://scratcher.io/sv/book-a-meeting)**

    Ett kostnadsfritt videosamtal på 30 minuter med vårt team: en rundtur, kampanjidéer eller hjälp med din uppsättning.
- **[Mejla oss](mailto:contact@scratcher.io)**

    Skriv till contact@scratcher.io så återkommer vi till dig.