Template:Imagemap

From Userful Support
Jump to navigationJump to search


Template: imagemap -- generates code to support hyperlinked images

  • Pieces of an image can link to other resources like Web pages, PDFs, media/image files, etc.
  • Supports up to 9 links.

Parameters:

  • 1 -- full URL of image file. You can copy the link from the Image:My Picture.jpg page on the wiki. For example: http://wiki.userful.ca/wiki/images/d/dd/My_Picture.jpg
  • ref1-9 -- the URL to the resource(s) you want to link to. For example: ref1=http://www.userful.com/
  • xy1-9 -- the x-y coordinates for the rectangle that defines a hyperlink region in your image. For example: xy1=10,10,30,20
  • txt1-9 -- (optional) the "tooltip" or "fly-by" text you want to display when the mouse pointer sits on a hyperlink area. For example: txt1=a picture of me

Note: Do not use quotes around any of the parameters. For example, use

userful.com

but not

"userful.com"

Usage:

{{imagemap|image_URL|txt1=tooltip text|ref1=URL|xy1=x1,y1,x2,y2|ref2=URL|xy2=x1,y1,x2,y2|...}}
- or, for clearer formatting you can do it this way:
     {{imagemap
     |http://www.pictures.com/picture.jpg
     |txt1=this is where it's at
     |ref1=http://www.someplace.com/
     |xy1=10,10,50,35
     |txt2=this is elsewhere
     |ref2=./otherpages/home.html
     |xy3=10,40,50,80
     }}
(Note that if you format it this way, there must be no leading whitespace before any of the lines.)
This can support up to 9 ref/xy/txt parameter sets, numbered from 1 to 9.


http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0"> http://wiki.userful.ca/" title="link" coords="0,0,0,0">