Avatar billede tblaster Nybegynder
21. juni 2002 - 16:37 Der er 16 kommentarer og
1 løsning

Klik på et specielt sted på et billed

Hejsa

Er det muligt at lave en side med et billed hvor man så kan trykke på f.eks en rød cirkel på billedet og så bliver sendt til en ny side? Hvis, hvordan gøres det?
Avatar billede ztyxx Nybegynder
21. juni 2002 - 16:39 #1
i et billedebehandlingprogram, eks. Adobe Photoshop eller PaintShop Pro, kan du lave det man kalder ImageMaps, som er det du efterlyser
Avatar billede tblaster Nybegynder
21. juni 2002 - 16:42 #2
Ztyxx ... nu er det bare sådan at jeg ikke lige har sådane programmer ... kan jeg sende de 2 billeder til dig så du kan lave de 2 sider?
Avatar billede ztyxx Nybegynder
21. juni 2002 - 16:46 #3
vil gerne hjælpe, men det kan ikke blive før i begyndelsen af næste uge, jeg er på job lige nu, og har ikke mulighed for at lave det her, og er ikke hjemme hele week-enden
Avatar billede tblaster Nybegynder
21. juni 2002 - 16:48 #4
Det er bare ok ... gider du så ikke lige sende mig en mail så jeg kan sende filerne til dig ... så kan du jo lave det når du har tid!

Thomas@dyrlund.dk
Avatar billede ztyxx Nybegynder
21. juni 2002 - 16:58 #5
mail sendt :-)
Avatar billede vieri Nybegynder
21. juni 2002 - 16:59 #6
ztyxx: Er det muligt med Paint Shop Pro?
Avatar billede ztyxx Nybegynder
21. juni 2002 - 17:00 #7
vieri> jeps det er det, kan ikke lige på stående fod sige hvad det kaldes, men mener at du kan gøre det i slicefunktionen
Avatar billede Slettet bruger
21. juni 2002 - 17:25 #8
LiveImage er et forfærdeligt godt program til Image Maps - og så kan du endda downloade en prøve-version:

http://www.liveimage.com
Avatar billede and.vang Nybegynder
21. juni 2002 - 19:07 #9
Et imagemap har i princippet intet med Photoshop eller PSP at gøre, det er derimod ren HTML-kode! Kig lidt på denne artikel:

http://www2001115.thinkquest.dk/vis_artikler.php?id=3

/Anders
Avatar billede -master-d- Nybegynder
21. juni 2002 - 19:26 #10
du kan jo bruge z-index

så har du et billede(det store billede), med z-index på 1
og den lille cirkel med z-index på 2

eksempel :

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ny side 1</title>
</head>

<body>
<img src="1.gif" width="550" height="400" style="position:absolute;z-index:1;left:0px; top:0px;">
<img src="2.gif" width="15" height="23" style="position:absolute;z-index:1;left:75px; top:75px;" onclick="alert('du klikkede på det lille billede');">
</body>

</html>
----------------------------- eksempel slut-------------------------------

Prøv det af håber du forstår mit point.
Avatar billede ztyxx Nybegynder
21. juni 2002 - 22:16 #11
and.vang > forslaget med billedebehandlingsprogrammerne var for at gøre det lidt lettere hvis man ikke selv er helt hjemme i det
Avatar billede ztyxx Nybegynder
22. juni 2002 - 01:25 #12
Stones Webwriter har en imagemapeditor indbygget, kan gratis hentes på www.webwriter.dk
Avatar billede sukos Juniormester
23. juni 2002 - 09:40 #13
Det er nu heller ikke så svært at lave selv.
Når du placerer billedet, skal du også bruge "usemap":

<img usemap="#klikbar" src="billede.jpg" border="0" width="300" height="300">

Dernæst skal du definere hvor der kan klikkes, kan lægges sidst i dit dokument:

<map name="klikbar">
<area shape="circle" coords="50,50,20" href="link.html" alt="KLIK HER">
</map>

coords er først x, 50 pixels hen ad billedet,
så y, 50 pixels ned af billedet
og tilsidst størrelsen på cirklen, 20.

Så gælder det jo egentlig kun om at finde det sted på billedet man vil bruge. Der kan man jo prøve sig frem, til man har fundet stedet.

Paint Shop Pro viser x,y når man kører musen over et billede.
Avatar billede Slettet bruger
23. juni 2002 - 13:01 #14
Og LiveImage klarer det hele for én! Efter min mening er Image Maps en af de eneste funktioner på en side, hvor man bør bruge et program som hjælp frem for at skrive det selv "i hånden"!
Avatar billede tblaster Nybegynder
24. juni 2002 - 11:48 #15
Sukos ... det var lige sådan noget jeg ledte efter ... jeg fik det til at virke! Smid et svar så skal du få dine point!
Avatar billede tblaster Nybegynder
27. juni 2002 - 12:51 #16
Hallo sukos ... er du der ... vil du ikke have dine point eller hva?
Avatar billede sukos Juniormester
30. juni 2002 - 21:37 #17
æh, sorry, kan ikke altid lige følge med! :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester