/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Dele et billede op med links
Fra : anetteogjesper
Vist : 814 gange
56 point
Dato : 03-04-06 10:43

Hej

Jeg har et lille problem, jeg håber på lidt ekspertise til at løse...

Jeg skal have lavet et billede (http://www.assensskovpavillon.dk/images/grundplan.jpg) så der er links til billeder af salen under forskellige del af pavillonen...

Er der nogen der kan kan hjælpe mig med at finde ud af det?

Med venlig hilsen
Anette

 
 
Kommentar
Fra : bangsi


Dato : 03-04-06 11:11

Hej Anette

Du kunne evt. hente billedet ind i FrontPage og lave tegne hotspots rundt om, de steder hvor der skal være links.

Håber at det kan hjælpe dig...

//Bangsi

Kommentar
Fra : severino


Dato : 03-04-06 21:13

En af de sider jeg bestyre for en forening, kan du se et eksempel: http://www.tour-de-holmegaard.dk/tdh.html hvor nedenstående kode er taget fra.

Her er bl.a. kommentarskilte, når musen føres rundt på billedet, både inde for klikfelterne og uden for disse felter.

Her er felterne bygget op i firkanter, men det er også muligt at lave en cirkel eller en mangesidet område, som der kan klikkes i.
De mangesidede felter kendes bl.a. fra landkort, hvor kommuner, amter eller andre områder er blevet klikbart.

Hvis det er noget i den stil du søger, så bare komme igen-igen
Kode
<CENTER><IMG SRC="TDHold.JPG" USEMAP="#klik" BORDER="0" width="580" height="445" ALIGN="BOTTOM" ALT="Klik p&aring; kilometersten for rutekort"></CENTER>

<MAP NAME="klik">
<AREA SHAPE=RECT COORDS="35, 360, 80, 420" HREF="rute15.html" TITLE="Se 15 km rutekort"
ONMOUSEOVER="window.status='Officielt billede'; return true"
ONMOUSEOUT="window.status='Du er her'; return true">

<AREA SHAPE=RECT COORDS="138, 360, 180, 420" HREF="rute25.html" TITLE="Se 25 km rutekort"
ONMOUSEOVER="window.status='Officielt billede'; return true"
ONMOUSEOUT="window.status='Du er her'; return true">

<AREA SHAPE=RECT COORDS="242, 360, 285, 420" HREF="rute35.html" TITLE="Se 35 km rutekort"
ONMOUSEOVER="window.status='Officielt billede'; return true"
ONMOUSEOUT="window.status='Du er her'; return true">

<AREA SHAPE=RECT COORDS="346, 360, 390, 420" HREF="rute50.html" TITLE="Se 50 km rutekort"
ONMOUSEOVER="window.status='Officielt billede'; return true"
ONMOUSEOUT="window.status='Du er her'; return true">

<AREA SHAPE=RECT COORDS="465,360,530,420" HREF="tdh.html" TITLE="Ruten er udgået"
ONMOUSEOVER="window.status='Officielt billede'; return true"
ONMOUSEOUT="window.status='Du er her'; return true">

</MAP>


Kommentar
Fra : anetteogjesper


Dato : 04-04-06 01:48

Det er netop sådan noget

Kommentar
Fra : anetteogjesper


Dato : 04-04-06 13:31

Hej Severino

Jeg har lidt svært ved at finde ud af hvordan jeg finder de tal, der passer til området?

Mvh
Anette

Accepteret svar
Fra : BjarneD

Modtaget 56 point
Dato : 04-04-06 13:57

Det er også den svære del.
I et wysiwygprogram er det noget lettere.
Jeg har leget lidt med dit billede som jeg gjorde lidt mindre og satte ind på en side. Jeg har kun taget den gule stue, veranda og sal.
Kode
<html>

<head>
<title>Grundplan</title>
</head>

<body>

<p align="center">
<map name="FPMap0">
<area alt="Verandaen" href="veranda.html" shape="rect" coords="278, 48, 615, 178">
<area alt="Den gule stue" href="gul_stue.html" shape="rect" coords="625, 106, 747, 405">
<area alt="Salen" href="sal.html" shape="polygon" coords="318, 420, 551, 417, 610, 483, 618, 627, 533, 751, 389, 752, 303, 661, 302, 423, 324, 422">
</map>
<img border="0" src="grundplan.jpg" width="809" height="1097" usemap="#FPMap0"></p>

</body>

</html>


Kommentar
Fra : BjarneD


Dato : 04-04-06 14:11

legede lidt videre.
http://www.bjarne-d.dk/grundplan.htm Skal nok fjerne det igen hurtigt.
Der er selvfølgelig ikke nogensider at linke til men man kan se ballonteksten der nemt kan ændres.


Kommentar
Fra : anetteogjesper


Dato : 04-04-06 14:46

Det er jo bare helt fantastisk... Jeg kunne vel ikke få den kode du har lavet?

Kan du eventuelt anbefale et wysiwygprogram?

Anette

Kommentar
Fra : BjarneD


Dato : 04-04-06 14:58

Hvis du åbner mit link og klikker på Vis - Kilde
Så kan du kopiere direkte.

Jeg anvender FrontPage hvor det er nemt at lave disse link

Kommentar
Fra : anetteogjesper


Dato : 04-04-06 14:59

Jeg ville faktisk gerne have, hvis det kunne laves, så billedet var 350 bred... kan det lade sig gøre?
(<img border="0" src="/images/grundplan.jpg" width="350" usemap="#FPMap0"></p>)


Kommentar
Fra : BjarneD


Dato : 04-04-06 15:03

Det kan det.

Hvis du vil have nogle specielle lokaliteter ind kunne du jo lige nævne det.
Billedstørrelse og placering er jo helt afgørende fordi cords jo ændres med placering og størrelse.

Jeg prøver lige at lave en anden og uploader når den er klar.

Kommentar
Fra : anetteogjesper


Dato : 04-04-06 15:04

TUSINDE TAK

Kommentar
Fra : BjarneD


Dato : 04-04-06 15:23

Kan det bruges nu?

Kommentar
Fra : anetteogjesper


Dato : 04-04-06 16:04

Åhh jaaaaa

Se selv på siden (er lige begyndt):
http://www.assensskovpavillon.dk/grundplan.html

Tusind tusind tak for hjælpen

Det kan da godt være jeg skal have et lille kursus i det en da, men du skrev du brugte frontapge, hvor gør du det?

mvh
Anette
www.cloe.dk


Godkendelse af svar
Fra : anetteogjesper


Dato : 04-04-06 16:08

Tak for svaret BjarneD.
det var bare det bedste.. Ville gerne lære at lave det selv


Kommentar
Fra : BjarneD


Dato : 04-04-06 16:15

Det ser da spændende ud, men husk og lave link tilbage til grundplanen for de der gerne vil se sig lidt omkring.

Jeg forstår ikke helt hvad du mener med:
Citat
..... du skrev du brugte frontapge, hvor gør du det?


Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste