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
3
votes
2 answers

HTML Image Map Area touch event not firing

I am making a simple mobile webpage where I have an image with an image map over it. I want the image to change when the user touches the image, and change back when the user lifts their finger. The image is broken into 3 parts, and the image it…
vjuliano
  • 1,474
  • 2
  • 15
  • 29
3
votes
1 answer

drag drop element on image map get value

I have a image map and want to drag and drop one element i.e. pin on Country Map. When the pin drops on map. I need that image map ID.

fguru
  • 71
  • 2
  • 9
3
votes
1 answer

calculate width & height of poly area on image map

Is it possible to calculate width and height for each poly area on image map using coords? I have an image and use image map with multiple different sized polys. I need to find center point each one.
Salt Hareket
  • 764
  • 7
  • 18
3
votes
1 answer

JQuery Browser doesn't reload image having a usemap

I am using an imagemap (with the ImageMapster plugin) to let users hover over certain parts of an image, which then shows a larger version of it with extra info. I then want to be able to show other parts of the image which requires a different…
user1898600
  • 53
  • 5
3
votes
1 answer

Change image on click, with image map

I'm trying to use one image map multiple times. The idea is that you've got an picture with image map. You click on one area (there's a highlight on the image map), you get few links, you press one and and the picture is changed. The new picture is…
Jaakko
  • 584
  • 6
  • 13
3
votes
1 answer

Change background of mapped image hotspot on mouseover

I have an image map of 3 polygons. The actual image hotspots are complex shapes consisting of multiple curves and edges. HTML Map
dcd0181
  • 1,493
  • 4
  • 29
  • 52
3
votes
1 answer

imagemap onMouseOver solution

I want to create imagemap with the few areas. map
Serv0
  • 181
  • 1
  • 7
  • 17
2
votes
3 answers

html/javascript: is there a way to dynamically disable/enable image map areas?

I have an image map that has a few dozen elements, most of which are fixed. But some are conditional, and I want them to be active some but not all of the time. Is there a way to disable/enable an element without removing it from the DOM?
Jason S
  • 184,598
  • 164
  • 608
  • 970
2
votes
2 answers

Creating image map - an easy way?

I need to create some relatively complex image maps (like this) but fear doing them by hand. Is there a tool I can use to create complex maps easily? (Idealy a Windows or Mac app, but web apps also welcome)
Nippysaurus
  • 20,110
  • 21
  • 77
  • 129
2
votes
3 answers

HTML, jQuery : Show text over area of image-map

I have an image-map like: Planets Sun
Morteza
  • 2,143
  • 7
  • 37
  • 61
2
votes
3 answers

Load all my images contained in only one DIV

I want my HTML page to load like normal, but I want one section of the page to only completely load after it has retrieved all images (static and rollovers) of that section. I have this map I created using an image map and poly shapes. When a user…
Michael Rader
  • 5,839
  • 8
  • 33
  • 43
2
votes
2 answers

How to realize with WinForms in C# something like an image with map areas in a homepage (at hoovering cover areas with semi transparent rectangle)?

I have a panel (here called parent), where I draw a calculated picture. Some rectangular areas of this picture shall higlight by hoovering over. It is the same behaviour like on a web page using , and , e. g. the german map on the right upper…
BitLauncher
  • 587
  • 4
  • 15
2
votes
2 answers

How to prevent Image map area click from propagating to link?

I have an HTML image map which has a few areas with links. I also have some Javascript functionality which, in certain cases, overrides the default functionality of the image map for some specific areas. I have attached my function to the areas I…
jbx
  • 21,365
  • 18
  • 90
  • 144
2
votes
1 answer

How to do automatic imagemaps for regions/borders in a map

I'm searching for an automated way of generating imagemaps for world, country and region maps. Currently I have an imagemap of regions for one country which was generated manually using this tool. By clicking a region you are then presented with a…
psoares
  • 4,733
  • 7
  • 41
  • 55
2
votes
1 answer

Can I put a lightbox or image map within a lightbox?

I've had a look around but haven't managed to find what I'm looking for. Basically, I've got an image on a page that uses a jquery lightbox to make it larger and easier to view. In addition to this, with the original lightbox active, I now need…
Jon
  • 45
  • 1
  • 5
1 2 3
…
57 58