|
Mandala Imagemaps Mandala uses the Imago image server to create imagemaps of thumbnails of Web images. |
imagemap image file |
|
| An imagemap is a Web image with selectable regions. An imagemap is stored in two parts: 1) an image file, and 2) a fragment of HTML code. The HTML code references the image file with an img tag and uses a map tag to specify each region's coordinates within the image and a URL to request when it is selected. |
||
| <img src="../image/imagemap_example.jpg"
width=233 height=156 border=0 usemap="#imagemap_example"> <map name="imagemap_example" layout=spiral> <area href="http://imagebeat.com/jon.html" image="http://imagebeat.com/rhianna/glasses.2.jpg" alt="http://imagebeat.com/rhianna/glasses.2.jpg" rate=225000 coords="93,0,138,49"> <area href="http://imagebeat.com/mandala/" image="http://imagebeat.com/mandala/image/bhutmara.75.jpg" alt="http://imagebeat.com/mandala/image/bhutmara.75.jpg" rate=250000 coords="142,53,192,103"> <area href="http://imagebeat.com/jon.html" image="http://imagebeat.com/rhianna/card.jpg" alt="http://imagebeat.com/rhianna/card.jpg" rate=190000 coords="195,53,233,103"> <area href="http://www.unm.edu/~soe/" image="http://www.cs.unm.edu/soe/image/image08.jpg" alt="http://www.cs.unm.edu/soe/image/image08.jpg" rate=185000 coords="142,106,192,143"> <area href="http://imagebeat.com/" image="http://imagebeat.com/image/jon3.gif" alt="http://imagebeat.com/image/jon3.gif" rate=1.14441 coords="0,106,50,121"> <area href="http://imagebeat.com/" image="http://imagebeat.com/image/jon4.gif" alt="http://imagebeat.com/image/jon4.gif" rate=1.14441 coords="0,88,50,103"> <area href="http://imagebeat.com/mandala/thumbnail.html" image="http://imagebeat.com/mandala/image/test601.jpg" alt="http://imagebeat.com/mandala/image/test601.jpg" rate=250000 coords="89,53,139,103"> <area href="http://imagebeat.com/jon.html" image="http://imagebeat.com/image/tophat.100.gif" alt="http://imagebeat.com/image/tophat.100.gif" rate=3.8147 coords="53,106,103,156"> <area href="http://imagebeat.com/mandala" image="http://imagebeat.com/mandala/image/screen.jpg" alt="http://imagebeat.com/mandala/image/screen.jpg" rate=200000 coords="142,10,192,50"> <area href="http://imagebeat.com/jon.html/" image="http://imagebeat.com/elijah/eli6.jpg" alt="http://imagebeat.com/elijah/eli6.jpg" rate=165000 coords="106,106,139,156"> <area href="http://www.att.com/" shape=default> </map> |
||
Mandala | applications | thumbnails | layouts | imagemaps | components | documentation
