Many links for the one image

In this example we specify rectangle area as links in the image. By using area tag you can determine a different links for the same image but at many parts.

Code:

<html>
<head>
<title>area element example</title>
</head>
<body>
  <p>
     <center>
    In this example we specify rectangle area as links in the image.
     </center>
  </p>
 <map name="imageMap">
    <area shape="rect" coords="0, 0, 50, 50" href="http://www.codemiles.com">
        <area shape="rect" coords="200, 200, 300, 300" href="http://www.codemiles.com">
    </map>
    <img src="site_logo.gif" 
         alt="logo" 
         width="300" 
         height="300" 
         usemap="#imageMap">
   
</body>
</html>  
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Many links for the one image
background-image Anchor in header links -
Links like yours? -
links CSS properties -
Example of using access key with links -
Image-Viewer-Image Processing-Filters-Noise-enhancements -
How to add links in header ? (mile100style) -
list of links look like accordion using JQuery -
Post offers not website links . -
Code to open multiple links. -
Working with menus, Label links and files in C# -

Topic Tags

HTML Image, HTML Link

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com