VB Helper: HowTo: Make an HTML image map

Home
Search

What's New
Index
Books
Links
Q & A
Newsletter
Banners

Feedback
Tip Jar

C# Helper...

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-2010 Rocky Mountain Computer Consulting, Inc. All rights reserved.
		Updated