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

How can I change the color property of a hyperlink on mouse over of an image map?

I was browsing other user questions a few minutes ago.. and it led me to trying to change the hover color of the hyperlink on mouse over of my image map. Any idea how I might accomplish this for the 1 hyperlink I have up?…
Jeff
  • 19
  • 1
  • 3
0
votes
1 answer

Image map control (ocx)

do you know of any image map control, that can used to translate an image to clickable regions? I'm currently looking to third-party versions, freeware or shareware.
David Esteves
  • 17
  • 1
  • 5
-1
votes
1 answer

Are there performace issues with an image map ona web page

Image maps seem to have gone out of fashion, is there a performance reason for this , other than you have to download one giant image?
hogsolo
  • 13,565
  • 6
  • 24
  • 25
-1
votes
1 answer

Change image selection color

enter image description here I want the color of the area to change when the mouse hovers over the area.
-1
votes
1 answer

Place a div inside a hotspot area in HTML

In the image - https://ibb.co/2tFTVx4 , I am trying to add a marker animation inside the hot-spot areas - marked inside the pins. Because the options to make the HTML map interactive are very limited, I tried to achieve this by creating an animated…
Itika Bandta
  • 163
  • 1
  • 2
  • 12
-1
votes
2 answers

How to select one row of table after click event in Image map?

I have a image with image map
Diao Vũ
  • 109
  • 10
-1
votes
1 answer

Need Best Answer for Image Map with Multiple Rollover Hotspots

It seems that using jquery.js and jquery.maphilight.js would be the best solution for my rollover map project, however I cannot seem to make it work. I am trying to follow the very basic example posted here:…
spock9458
  • 1
  • 2
-1
votes
1 answer

How to create a responsive image map with clickable links, using HMTL/CSS?

I have an image and would like to make several areas inside it clickable links, to lead to other pages on my site. After browsing for solutions, it looks like image maps are the way forward. The problem is, these rely on specific coordinates, so…
-1
votes
1 answer

HTML can't get "target_blank" to work in an image map

I'm trying to create an image map, formatted so when an area on the map is clicked the browser opens the chosen link in a new tab. I know to use the target_blank attribute to do this, and this works when I have a specific image as the "button". But…
-1
votes
1 answer

Using Audio on mouseover on image map

I am trying to help a friend with his Uni Project by creating an image map which plays audio clips he created when you hover over different parts of the image. I just do not know what I seem to be getting wrong, any help is much appreciated! HTML: …
disco420
  • 35
  • 1
  • 7
-1
votes
2 answers

How to change coordinates while converting imagemap to svg?

I want to convert image map to svg as image map does not resize on browser size change. how do i change the coordinates and tags?
Karen
  • 113
  • 2
  • 13
-1
votes
1 answer

wordpress fullscreen responsive image map on homepage

For purposes of your visualization here is what I need; Within WordPress I need the homepage to be a fullscreen (or almost) "image map" of the united states that is responsive so that it re-sizes from phones to TV's I need this on the homepage and…
-1
votes
1 answer

jquery append function converting < > to entity name

I am using getJSON to get a JSON file and then build the image map hotspots based on the data retrieved. This is being used in a seating chart application where the station numbers stay the same, but the name of the individuals always change. After…
wall-nut
  • 403
  • 3
  • 15
-1
votes
1 answer

preventDefault() on tag, seems not possible

In this site I'm using Fancybox 2 to trigger a popup that shows some content: http://www.basing.nl/demo/cole/index.html In the top menu click on 'Ontdekken' and then on 'Folders'. The problem The popup opens but the window is scrolled to the top of…
kevinius
  • 4,232
  • 7
  • 48
  • 79
-1
votes
1 answer

How to use "rel" attribute with image map

I have a jquery popup which fires different popups (DIVs) on clicking different links. It is working fine. But now I want it for image map. But it seems that "rel" attribute is not working for image map. See the Fiddle -…
user3405976
  • 51
  • 1
  • 2
  • 8
1 2 3
57
58