---
title: "Interaktiiviset grafiikat klikattavilla kohdilla"
description: "Muuta kuva kartaksi klikattavine kohteineen, näytä kohteita tiettyinä päivinä ja käytä sitä kalenterina."
url: https://scratcher.io/fi/help/elements/interactive-graphic
language: fi
---

1. [Ohjekeskus](https://scratcher.io/fi/help)
2. [Elementit ja ulkoasu](https://scratcher.io/fi/help/elements)
3. Interaktiiviset grafiikat klikattavilla kohdilla

# Interaktiiviset grafiikat klikattavilla kohdilla

Muuta kuva kartaksi klikattavine kohteineen, näytä kohteita tiettyinä päivinä ja käytä sitä kalenterina.

Interaktiivinen grafiikka on kuva, jonka päällä on klikattavia kohteita, esimerkiksi myymäläkartta, messuhallin pohjapiirros tai talvimaisema, johon ilmestyy joka päivä uusi kohde. Se on erikoisformaatti: tarvitset **Special formats** -lisäosan tai paketin, johon se sisältyy.

## Luo interaktiivinen grafiikka

1. Klikkaa **Lisää sivu** ja valitse **Interaktiivinen grafiikka**, tai lisää elementti sivulle.
2. Lataa **Sisältö**-välilehdellä pohjaksi **Kuva**.
3. Klikkaa **Lisää karttakohde** ja vedä kohde paikalleen kuvan päälle.
4. Määritä kohde klikkaamalla sitä:
    - **Nimi**: vain sinä näet sen.
    - **Kuva**: kohteen kuva. Voit myös valita kuvan ennen ja jälkeen, esimerkiksi suljetun ja avatun lahjan.
    - **Toiminto**: **Siirry sivulle** tai **Linkki**.
5. Aseta kohteen **Tyylit**-välilehdellä taustaväri hiiren ollessa päällä, koko ja muoto. Ota **Asetukset**-kohdassa käyttöön **Kiinteä neliö**, jotta kohde pysyy neliönä.

## Koko grafiikan asetukset

- **Skaalaa kuva täyteen leveyteen**: kuva täyttää sivun leveyden.
- **Käytä yhteistä kuvaa kaikille kohteille**: kaikki kohteet käyttävät samaa kuvaa.
- **Ajoita karttakohteiden toiminta**: kohteet ovat aktiivisia vain tiettyinä aikoina.

## Näytä kohteita tiettyinä päivinä

Kun **Ajoita karttakohteiden toiminta** on käytössä, jokainen kohde saa **Aikataulu**-asetuksen:

1. Aseta kohteen **Alkutila**: käytössä tai pois käytöstä.
2. Klikkaa **Lisää aikataulu** ja valitse, milloin tila muuttuu: **Alkaen**, **Päivänä (yksittäinen päivä)** tai **Välillä**.
3. Valitse **Päivämäärän tyyppi**: **Kampanjapäivä** (esimerkiksi kampanjan 3. päivä) tai **Kiinteä päivämäärä**.

## Käytä sitä kalenterina

Ota käyttöön **Ota laajennettu kalenteri käyttöön**, niin jokainen kohde saa omat sivunsa, pelinsä ja palkintonsa aivan kuin kalenteriluukku. Käytä lisäosaa **Korvaa kohteiden toiminnot**, jos joidenkin kohteiden pitää tehdä jotain muuta. Katso [Joulukalenterit](https://scratcher.io/fi/help/games/advent-and-christmas-calendars).

Elementit ja ulkoasu

- [Näin elementtien asetukset toimivat](https://scratcher.io/fi/help/elements/element-settings-basics)
- [Muokkaa tekstiä ja otsikoita](https://scratcher.io/fi/help/elements/text-and-headings)
- [Painikkeet ja klikkaustoiminnot](https://scratcher.io/fi/help/elements/buttons-and-click-actions)
- [Kuvat, logot, video ja fontit](https://scratcher.io/fi/help/elements/images-video-and-fonts)
- [Osiot, sarakkeet, erottimet ja välikkeet](https://scratcher.io/fi/help/elements/sections-columns-and-layout)
- [Sivun asetukset, taustat ja ponnahdusikkunasivut](https://scratcher.io/fi/help/elements/page-settings-and-backgrounds)
- [Lähtölaskenta-, some-, jako- ja valikkoelementit](https://scratcher.io/fi/help/elements/countdown-social-share-and-menu)
- [Interaktiiviset grafiikat klikattavilla kohdilla](https://scratcher.io/fi/help/elements/interactive-graphic)
- [Evästeilmoitus, oma koodi ja muut kampanjan lisäosat](https://scratcher.io/fi/help/elements/cookie-notice-and-custom-code)
- [Tallenna ja käytä malleja uudelleen](https://scratcher.io/fi/help/elements/templates-and-reuse)

## Aiheeseen liittyvät artikkelit

- [Painikkeet ja klikkaustoiminnot](https://scratcher.io/fi/help/elements/buttons-and-click-actions): Valitse, mitä tapahtuu, kun ihmiset klikkaavat painiketta tai kuvaa: seuraava sivu, linkki, pelaaminen, lähetys, jakaminen, lataus ja muuta.
- [Joulukalenterit](https://scratcher.io/fi/help/games/advent-and-christmas-calendars): Tee kalenteri, jossa avautuu joka päivä uusi luukku, anna jokaiselle päivälle oma peli ja palkinnot ja kopioi päiviä säästääksesi aikaa.
- [Lähtölaskennat, ennakkorekisteröinti ja muut erikoissivut](https://scratcher.io/fi/help/games/special-pages): Rakenna odotusta ennen julkaisua, kerää ilmoittautumisia ennen alkua ja näytä sivu, kun kampanja on päättynyt.

## Tarvitsetko vielä apua?

Oikeat ihmiset auttavat sinua mielellään. Jos käytät jo Scratcheria, nopein tapa on alustan sisäinen chat.

- **[Chattaa kanssamme](https://platform.scratcher.io/login)**

    Kirjaudu sisään ja klikkaa chat-painiketta oikeassa alakulmassa. Rex vastaa heti, ja tiimimme on vain yhden klikkauksen päässä.
- **[Varaa tapaaminen](https://scratcher.io/fi/book-a-meeting)**

    Maksuton 30 minuutin videopuhelu tiimimme kanssa: esittely, kampanjaideoita tai apua käyttöönottoon.
- **[Lähetä meille sähköpostia](mailto:contact@scratcher.io)**

    Kirjoita osoitteeseen contact@scratcher.io, niin palaamme asiaan.