Home
Search
 
What's New
Index
Books
Links
Q & A
Newsletter
Banners
 
Feedback
Tip Jar
 
C# Helper...
 
XML RSS Feed
Follow VBHelper on Twitter
 
 
 
MSDN Visual Basic Community
 
 
 
 
 
 
TitleMake an HTML image map
DescriptionThis example shows how to make an HTML image map.
Keywordsimage map, map, HTML
CategoriesInternet
 
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