Stack Overflow
Stack Overflow

Questions tagged [imagemap]

Image Map is a list of coordinates relating to a specific image, created in order to hyperlink areas of the image to various destinations. 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 imagemap is made of the actual image that is embedded with the <img> tag, and contains a usemap attribute.

The imagemap is comprised of the <map> tag and <area> tags, which defines the fields within the weblinks. These are similar to the <a> tag, defining which URL should be opened.

Example:

<img src="image.png" alt="alternative text" usemap="#mapname" />
<map name="mapname">
  <area shape="rect" coords="9,372,66,397" href="http://example.com/" />
</map>
871 questions
0
votes
1 answer

Is there any tool to test the Rectangle Coordinates before using them in the code?

I am using ASP.NET Rectangle in order to specify a hotspot in the image. I am struggling with determining the coordinates. So is there any tool that helps me in drawing the coordinates? For example, I don't know where is the location of these coords…
Technology Lover
  • 143
  • 1
  • 5
  • 22
0
votes
2 answers

how to get x1,y1,x2,y2 from map coords with javascript?

I have an image map and i want to have the x1,y1,x2,y2 separate in different variables, this is the map:
Floris497
  • 1,406
  • 12
  • 18
0
votes
2 answers

Using an IMG Map to display larger images

I am using an IMG Map that has many small pictures. When I hover over each image it will display a larger image. How do I do this? I do not mind using javascript, css, etc as long as it works. Please provide an example. HTML OF IMG MAP
L84
  • 45,514
  • 58
  • 177
  • 257
0
votes
1 answer

Rails: image_tag and usemap not playing nice with Firefox

I'm using the following code to load an image and associated image map: <%= image_tag bookcase.image_url.to_s, :usemap => "#shelfmap" %> test The…
nullnullnull
  • 8,039
  • 12
  • 55
  • 107
0
votes
3 answers

How to simultaneously highlight multiple areas on an image map

I am using David Lynch's fabulous MapHighlight plugin with a custom version of a U.S. map. Unfortunately, some U.S. States (like Rhode Island) are extremely small. For this reason, I created boxes to the right of the map with abbreviations for some…
Anthony Gatlin
  • 4,407
  • 5
  • 37
  • 53
0
votes
1 answer

Image map coordinates for different browsers

I am trying to create an image map, where I define on the images coordinates that are links to the some other pages. Now the problem I am facing is that the position of coordinates is not relative. If the image is on a different browser or in a…
ChhabraSaab
  • 41
  • 5
0
votes
3 answers

Click Event with fadeToggle() - what is wrong with my code?

I created an interactive map of London using the tag which has 15 tags defined. Upon clicking on any of the 15 areas, the source of the map is replaced by another, according to the area which was clicked on. All the areas have an…
Casper F
  • 161
  • 8
0
votes
0 answers

onclick for each imagemap show individual div

I have a code like this: