www.sitoo.com - Startsida

Sök:

Välj programvara:

 

Image Maps

En Image Map är en beskrivning av en del av en bild, vilket tillåter en användare att göra vissa utvalda delar av en bild klickbara.

Att infoga en Image Map i Sitoo Web

Sitoo Web har inget inbyggt stöd för att generera image maps. Däremot finns många bra tjänster för att skapa sådant online. Besök denna sida och skapa koden du behöver:
http://www.kolchose.org/simon/ajaximagemapcreator/

När du skapat kartan på webbplatsadressen som angavs ovan ser du en kod som genereras nedanför. Där står någonting liknande detta:

<div id="imgmapdiv">

<map name="imgmap">

</map>

</div>

<p>

<img src="xxx" width="345" height="312" alt="Move mouse over image" usemap="#imgmap">

</p>

(den kommer att se annorlunda ut med mer kod när du är färdig med ditt mappande)

OBS! På näst sista raden ser du detta:
<img src="xxx" [...]

Byt ut de tre x:en mot filnamnet på din bild i "Hemsidans källmapp" i "Filhanteraren".

När du är färdig med mappandet, kopiera all denna text, från "<div [...]" till "</p>" (det är viktigt att du får med allting!), gör sedan såhär:

  1. Gå till layout-läge i Site Studio.
  2. Välj layouten på vilken du vill placera den här bilden och klicka på "Redigera".
  3. Placera musmarkören där du vill ha bilden som du mappat.
  4. Klicka på "Objekt" > "Mer" och välj "Kodöverföraren" från listan.
  5. Dubbelklicka på den blå rutan "Kodöverförare" för att få upp dess egenskaper. Klicka på förstoringsglaset vid alternativet "Kod för body-taggen".
  6. Klistra in hela den kod som genererats (under bilden) på sidan enligt tidigare länk (efter att du ändrat <img src-delen).
  7. Klicka "OK".
  8. Spara layouten.
  9. Gå till "Verktyg" > "Filhanteraren" och klicka på "Importera filer till mapp" (i mappen "Hemsidans källmapp").
  10. Importera bilden du gjort en image map till.