jmootips and Image Maps

jmootipsIn HTML and XHTML, an image map is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which the entire area of the image links to a single destination). For example, a map of the world may have each country hyperlinked to further information about that country. The intention of an image map is to provide an easy way of linking various parts of an image without dividing the image into separate image files.

In HTML an image map is made of the actual image, that is embedded with the <img>-tag. The image has to be assigned the attribute "usemap".
The image map comprise a <map>-tag and in the detail of the <area>-tags, which defines the fields with optional weblinks. These are similar to the <a>-Tag defining which URL should be opened.

A Sample of Image Map below:

<img src="/images/stories/lakes.jpg" alt="" width="450" height="339" border="0" usemap="#Map" />
<map name="Map" id="Map">
 <area shape="rect" coords="120,85,156,118" nohref alt="Lake Superior" />
 <area shape="rect" coords="142,206,179,237" href="##" alt="Lake Michigan" />


Today: 11
Yesterday: 52
This Week: 63
Last Week: 524
This Month: 1,264
Last Month: 2,369
United States 30.1% USA
Germany 20.0% Germany
Russia 4.3% Russia
France 3.4% France
Italy 2.8% Italy
Indonesia 2.6% Indonesia
India 2.1% India
Poland 2.1% Poland
Spain 2.1% Spain




We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.