hvordan man laver et klikbart felter i billeder

[henrik_t7]

Hej.

Jeg har 3 billeder på stribe og kunne godt tænke mig 3 links, et ud for hver billede.
Måske i lille program eller hvis man kan lave det i feks GIMP?

Henrik

[ThomasI]

Har du kigget på image-maps?

Se denne video:
http://www.nemprogrammering.dk/Tutorial ... 15HTML.php

[scootergrisen]

Demo : http://netkoder.dk/test/test0242.html
Demo : http://netkoder.dk/test/test0243.html

[henrik_t7]

Hej.

Lige som denne link http://netkoder.dk/test/test0243.html, hvor der er 1 billedet med 3 link.
Hvordan laver man det?
Tak

[Daniel]

Du kan se hvordan man laver image maps her.
Det er image maps scootergrisen har brugt som eksempel på sin side.

[scootergrisen]

Kig i kildekode på demo siden.

Du kan tegne hvor linksne skal være med GIMP i menuen Filters > Web > Image Map...

Ellers hvis du bare vil have et firkantet område så kan du åbne dit billede i et tegneprogram også hold markøren 2 steder og skrive koordinaterne ned.

Lav os sige du vil have et link på 50x50 pixels oppe i venstre del af billedet så bliver det 0, 0 også 49, 49.
Så skriver du rect for firkant og de 4 værdier som coords og linket i href.

Kode: Vælg alt

<area shape="rect" href="http://netkoder.dk/" coords="0, 0, 49, 49">

[henrik_t7]

Hej.
Super fin video fra NemProgrammering kan lige bruge den.
Jeg har også GIMP, men i menuen filters > web > image map kan man ikke trykke på den link.
Så jeg har nok ikke den funktion?
Kan man download den og hvis, hvor?

Henrik

[scootergrisen]

Du skal først oprette et billede.
File > New...

[henrik_t7]

Hej.
Mangler der ikke noget scootergrisen?, hvad med resten?
Jeg har et billedet, mangler kun den funktion i GIMP.

Henrik

[scootergrisen]

Åben dit billede i GIMP.
Vælg menuen Filters > Web > Image Map...
Tegn nogen områder og vælg hvad de skal linke til.
Vælg File > Save As... og gem map filen et sted.
I map filen har du HTML koden som du kan indsætte på din side.

[shukbob]

Der er også http://image-maps.com/

[henrik_t7]

Hej.

Super tak for alle svar.
nu virker alt, tak

Henrik