Just nu i M3-nätverket
Jump to content

Hur länkar man till olika sidor i en bild?


cpt

Recommended Posts

Hej,

 

Jag har en vanlig bild (jpeg) med en karta, i den här kartan vill jag lägga in länkar till olika sidor. Med andra ord undrar jag hur man delar in bilden i olika segment som länkar till olika saker... Är det Flash som gäller för det här eller finns det ett enklare sätt? Oavsett om det är flash eller inte, hur gör jag?

 

Tack på förhand!

 

Link to comment
Share on other sites

För denna funktion ska du skapa en sk image map.

 

Hur du gör detta beror på vilket program du använder.

 

Koden ser ut som följer.

 

<body>
<img src="file:///C|/Documents%20and%20Settings/Jacob%20Selin/Skrivbord/distanskurser/Interaktiv%20www-hantering/sidan/bilder/hemibugg.jpg" width="429" height="163" border="0" usemap="#Map">
<map name="Map">
 <area shape="rect" coords="59,37,135,61" href="www.ams.se" target="_blank">

</map>
</body>
</html>

 

 

Tänkte att jag kanske ska förklara lite hur det hänger ihop också.

 

IMG scr = file osv är den bild du laddar in som ska bestå av olika fält.

 

usemap="#Map"> innebär at tden kommer bli en sk imagemap.

Denna indelas sedan genom följande kod

 

<map name="Map">

<area shape="rect" coords="59,37,135,61" href="www.ams.se" target="_blank"></map> Som i just detta fall innebär att det blir en rektangel (finns även cirkel och poly (friform)) Dessa former är klickbara och kan då länkas till olika delar av siten.

 

Jag har gjort detta i dreamweaver då den har en bra fuktion för att rama in just det man vill ha inramat. Gör ma ndet i kodläge tycker jag det är pilligt att få rutan/areashapen exakt var man vill ha den.

 

 

 

 

 

[inlägget ändrat 2005-04-13 13:50:08 av fujim]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...