Avatar billede virvelvar Nybegynder
04. april 2002 - 05:49 Der er 2 kommentarer og
3 løsninger

Rundt billed-link!

Jeg har set på mange sider at der er billed-links som er runde.
f.eks hvordan laver man et link i et billede af en bil.
f.eks dækket, hvordan får man det så sådan at hele det runde dæk skal være et link`?


På forhånd tak.
VirvelVar
www.yugofans.subnet.dk
Avatar billede mik789 Nybegynder
04. april 2002 - 06:31 #1
du laver det runde billede i et billedprogram ved at skrabe baggrunden væk omkring den runde genstand, du vil have (f.eks. et bildæk). det kan du gøre med f.eks. Adobe Photoshop, der sætter det runde dæk ind på en transperant baggrund. Billedet er stadig firkantet, men du ser ikke baggrunden. Derefter sætter du billedet ind hvor du vil have det sådan at der ikke opstår firkantede myrespor, når man klikker på det. F.eks. sådan:

<a href="densideduvilaabne.html" onClick="this.blur();"><img src="yugobildaek.jpg"></a>
Avatar billede callesen Praktikant
04. april 2002 - 07:25 #2
Først finder du hjulet koordinater (her kaldet T og L) på billedet. T = antal px fra toppen af billedet til hjulets centrum. L = antal px fra venstre side af billedet til hjulets centrum. Så finder du radius af hjulet - her kaldet R.

Dette skal bruges i dette:

<IMG SRC="dit_billede.gif" BORDER="0" WIDTH="80" HEIGHT="40" ALIGN="bottom" ALT="" USEMAP="#hjul">
<MAP NAME="hjul">
<AREA SHAPE="circle" COORDS="L,T,R" HREF="alt_links.html" TARGET="_blank" ALT="cirkel">
<AREA SHAPE="DEFAULT" HREF="http://din_url.htm" TARGET="_blank" ALT="klikbart område">
</MAP>
Du skal indsætte dine L,T og R i 'COORDS="L,T,R"'. Så skulle det virke.
Avatar billede sukos Juniormester
04. april 2002 - 07:25 #3
tror nu mere virvelvar tænker på følgende:

<img src="billede1.gif" usemap="#test">
Bemærk "usemap"

<map name="test">
<area shape="circle" coords="20,20,10" href="mouseover2.htm" alt="link">
</map>
shape er her en cirkel, med centrum 20pixels inde og 20 pixels nede.
shape kan også være "rect" Det kræver fire punkter, nemlig hvert hjørne af den rekt man vil bruge.

Men for at omkredse f.eks. et bildæk, skal du bruge
shape="poly" og her er punkterne, x og y, parvis fordelt for at få den "indkredsning" du ønsker.
F.eks.
<area shape="poly" coords="5,0, 9,0, 18,7, 34,13, 37,16, 37,29, 34,35, 30,36, 22,36, 16,31, 13,30, 8,29, 5,28, 1,22, 1,6, 5,0" href="mouseover2.htm" alt="link">


Der er lavet programmer som kan bruges til at lave maps, og ellers ved jeg at Paint sho pro viser de aktuelle pixels når du kører musen hen over et billede
Avatar billede grydgaard Nybegynder
04. april 2002 - 12:33 #4
jeg vil holde på den gode forklaring som sukos giver. det med at lave en poly er bedre end en cirken. specielt hvis hjulet ikke er hent rundt (som det sjælent er på et billede).
Avatar billede virvelvar Nybegynder
04. april 2002 - 17:41 #5
ok, det vil jeg da lige kigge på! Tak for hjælpen!
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