FANDOM


IMAGEMAP CONTAINER

The Start of the imagemap <imagemap> and the end command </imagemap> . The command is the container for the imagemap commands. You need to know the original full size image, not the re-sized image. You can click on the image in the web page or use a picture editing program to give you this information. You can also use the picture editing program to get the X and Y coordinates for the three sub commands.


Start of Imagemap___<imagemap>
Picture to use_______Image:poly.jpg|thumb|200px|left|Click on Map
Poly commands_____poly 122 87 170 112 267 123 267 219 194 255 146 195 [[ImagemapTest|Hot Poly ]]

Rect commands_____rect 87 87 300 183 [[ImagemapTest|Hot Box]]
Circle commands____circle 230 135 37 [[ImagemapTest|Hot Circle ]]
____________________desc bottom-left
End of Imagemap____</imagemap>

All poly commands are put in before using rect and circle commands.

IMAGE COMMAND

______Picture_____________Resize & where__Title
Image:PictureToBe_map.png|thumb|200px|left|Click on Map

POLY COMMAND

The poly command put a hot spot polygon on the image. Poly command is followed by a set of X Y points. The last X Y point is close to the first X Y point.
command__X__Y__X__Y__X___Y___X__Y__X___Y__X___Y__goto page & cursor over text.
_____poly 122 87 170 112 267 123 267 219 194 255 146 195 [[TestMapCommand|Hot Poly]]


All poly commands are put in before using rect and circle commands.

Hot PolyPoly
About this image


RECT COMMAND

The rect command put a hot box on the image. Starts with the rect command then X Y upper left hand corner and X Y lower right hand corner of the hot box. [[Page to go to|Cursor text when hovering]] The first part is the click page to go to and the second part what is displayed when the cursor is hovering over the hot box.
Command TX TY BX BY

  • rect 87 87 300 183
Hot BoxRect
About this image



CIRCLE COMMAND

Circle command
has the X Y Radius
circle 230 135 37

Hot CircleCircle
About this image

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.