VB Helper: HowTo: Make an HTML image map


	Home Search What's New Index Books Links Q & A Newsletter Banners Feedback Tip Jar




MSDN Visual Basic Community

Title	Make an HTML image map
Description	This example shows how to make an HTML image map.
Keywords	image map, map, HTML
Categories	Internet

Use a MAP command to define the image map. Give it nested AREA commands to define the areas in the image that are links. This example uses a series of circles. Each AREA defines the URL to jump to if the user clicks it.

Next use an IMG statement to display the image. Use the USEMAP attribute to indicate that the image should use the image map.

<MAP name="MagicMap">
  <AREA SHAPE="circle" COORDS="141,185,7" _
      HREF="circle_yellow.html">
  <AREA SHAPE="circle" COORDS="171,205,7" _
      HREF="circle_blue.html">
  <AREA SHAPE="circle" COORDS="144,213,7" _
      HREF="circle_white.html">
  <AREA SHAPE="circle" COORDS="113,205,7" _
      HREF="circle_green.html">
  <AREA SHAPE="circle" COORDS="122,240,7" _
      HREF="circle_red.html">
  <AREA SHAPE="circle" COORDS="162,240,7" _
      HREF="circle_black.html">
</MAP>
<IMG SRC="magicmenu.jpg" USEMAP="#MagicMap">

	Copyright © 1997-2003 Rocky Mountain Computer Consulting, Inc. All rights reserved.
		Updated