Delen van fbeelding als link gebruiken

Status
Niet open voor verdere reacties.
J

jelllle

Gebruiker
Lid geworden
4 sep 2008
Berichten
20
Hallo,
Ik ben nog maar een beginner met html en javascript,
maar ik wil graag weten hoe ik een deel van een afbeelding als link gebruik, dus als ik op een bepaalde plaats op de afbeelding klik dat ik dan naar een andere site ga. Weten jullie hoe dat moet?
 
Oke, het lukt al aardig, bedankt voor je reactie. Alleen hoe moet ik die coordinaten dan scheiden, als ik bijvoorbeeld voor de RECT rechtsboven 1069.199 en linksonder 965.224 heb?
 
check http://www.handleidinghtml.nl/html/afbeeldingen/afbeeldingen11.html

HTML: 
<AREA SHAPE="rect" COORDS="15,15,95,93" HREF="map2a.html" ALT="Rechthoek">
ofwel: x1,y1,x2,y2


:thumb:


[edit]
als ik bijvoorbeeld voor de RECT rechtsboven 1069.199 en linksonder 965.224 heb?
Klik om te vergroten...
Hoe heb je een commagetal gekregen? Je werkt hier met (hele) pixels ;)

Als je het wilt zien kan je bijvoorbeeld mspaint gebruiken, rechtsonder staan coordinaten
[/edit]
 
Laatst bewerkt:
:)Oke maar dan moet ik dus van elke hoek de coordinaten erbij zetten?
Ik had een inderdaad in paint gedaan, toen kwam er zo'n komma bij maar dat geld dan denk ik gewoon als voor elke drie nullen.
 
Laatst bewerkt:
Bekijk deze eens:

imgmaphtml1.jpg



Je ziet dat de linker bovenhoek 17,20 heeft en de rechter onderhoek 108,100. (zwarte pixel = waar ik mn cursor had)

Je html wordt dan:
HTML: 
<AREA SHAPE="rect" COORDS="17,20,108,100" HREF="map2a.html" ALT="Rechthoek">


:thumb:
 
Okeee ik snap het, bedankt! Ik ga het proberen, kijken of het lukt.
Edit: Ooke ik heb het geprobeerd maar het werkt niet, hier is de code die ik gebruikt heb (misschien is er wat fout ofzo):
<body>
<img src="http://i35.tinypic.com/6fnm1e.jpg" usemap="lamborghini head" border="0">
<map name="lamborghini head">
<area shape="rect" coords="1069,199,1082,222" href="http://www.lamborghini.com/2006/lamboSitenormal.asp?lang=eng">

</map>
</body>
 
Laatst bewerkt:
ja, dat komt omdat je 2 dingen 'verkeerd' doet.

1e: ik raad je af om spaties te gebruiken. Underscore ( _ ) is beter.
2e: je moet bij de param 'usemap' een # gebruiken.

HTML: 
<html>
<head>
</head>

<body>
	<img src="http://i35.tinypic.com/6fnm1e.jpg" usemap="#lamborghini_head" border="0">

	<map name="lamborghini_head">
		<area shape="rect" coords="1069,199,1082,222" href="http://www.lamborghini.com/2006/lamboSitenormal.asp?lang=eng">
	</map>

</body> 

</html>


:thumb:
 
Okee ja het is gelukt alleen zit het 'vakje' waar je dan kan klikken helemaal verkeerd. Ik ga het nog een keer proberen maar dan met zo'n poly (die ik eerst niet zag staan:o). Hopelijk lukt dat wel... Bedankt trouwens voor je geduld:)
Edit: Nee echt raar ik vul alles goed in maar nu is ie opeens heel smal :S Kan dat echt niet ergens aan liggen?
 
Laatst bewerkt:
O ja hier wat ik heb gedaan:

<body background="http://i35.tinypic.com/2duh1zn.jpg">
<DIV ALIGN="center"><img src="http://i38.tinypic.com/149upn9.jpg" usemap="#lamborghini_head" border="0" width="900">

<map name="lamborghini_head">
<area shape="poly" coords="970,198,937,225,1073,198,1077,201,1051,225" href="http://www.lamborghini.com/2006/lamboSitenormal.asp?lang=eng">
</map>

</body>
 
ja, natuurlijk werkt dat niet.

HTML: 
width="900"
Klik om te vergroten...

als je de breedte op 900 pixels zet, en je coordinaten groter zijn dan 900, gaat dat niet goed he? :p

Als je de ' width="900" ' werkt het wel.


:thumb:
 
Haha ow ja wat dom! :p Oke dan ga ik het nog een keer proberen
Nou niet dus dat werkt ook niet hij zit al in de buurt maar het klopt echt niet, kijk zelf maar.
Trouwens dat ''poly'' dat is toch een veelhoek?
 
Laatst bewerkt:
Ja het werkt wel maar hij zit niet helemaal op de goede plek... Naja het zal wel ik denk dat daar ook niet veel aan te doen valt.
Bedankt!
 
wanneer je dit vaker gaat doen moet je eens naar het gratis progje mapedit gaan googlen, dat bespaart heel wart tijd
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan