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
-1
votes
1 answer

Can I combine a Jquery hover zoom div with an imagemap?

It looks like some old questions may have been sort of similar to mine, but I don't think anything's really hit the mark yet. Here's my site. View source at will. As you can see, I've got a little magnifier effect going on for the map that I want…
byrdbrain
  • 9
  • 3
-1
votes
1 answer

best practice for Image Mapping

Here is the scenario. I was asked to maintain a site that is already in existence. They are looking to redesign the site. They have provided me with images from their designer. I noticed that the previous designer embedded the images to the html and…
rlegs
  • 81
  • 2
  • 11
-1
votes
2 answers

Change background of image maps on mouse hover

In my website I have an image as the navigation bar and have created hotspots to link them to different pages. The problem is since the text is a part of the image, I cannot change the style of the text on hover. Whereas I want the text/the hotspot…
newtocss
  • 17
  • 1
  • 2
-2
votes
2 answers

Can anyone help me figure out why my image map isn't working?

The dimensions of the image itself are 447 x 447. I've tried different formats and literally copying and pasting a post from Chegg but nothin is working.
Ferris Family
-2
votes
1 answer

HTML Image map with overlay/tooltip

I had tried use title in HTML image map. It works but i would like to have a bigger pop out or overlay. Anyone has coding example on tooltip/overlay on HTML image map ?
Johnson
  • 11
  • 1
-2
votes
1 answer

Imagemap usage in qml

Is there any way to build an image map with qml (qt quick) components directly without importing html code?And I want to it's coordinates be same as html imagemap's coordinates(I dont want to recalculate my image map coords). and my shape is…
Addr3ss
  • 21
  • 4
-2
votes
2 answers

Full page background image is not responsive

I´m trying to adapt the background image i have on my website but i cannot get it smaller on Iphones, Nexus or whatever small phone i'm testing it. I am using the Chrome developer tools to test this. Here's a snippet on JsBin:…
Fab
  • 145
  • 3
  • 20
-2
votes
1 answer

Trying to highlight image map areas while beeing responsive

I managed to fix it but i have to choose between being responsive or highlight the area map on hover. Thiw is the code, IF I SET class="map" then i get the hover effect and loose the responsive!!! Any ideas?

-2
votes
1 answer

CSS object re-positioned with top blocking image map

I've created an image map, and then put a youtube video with a
because I want it to display over the image. Then I have another Image I want to display below that, but it displays below where the video…
-2
votes
1 answer

How to make jquery stop running action on hover off?

My jquery runs the action I want on hover of co-ordinates of my imagemap, but when I hover off the co-orientates of my image map the action stays. If I hover over other co-ords it still displays the action from the first hover over. I want to be…
user3594463
  • 123
  • 1
  • 3
  • 12
-2
votes
2 answers

Append Div to area shape id with jquery

Is this possible to append a div "mydiv" to an area shape id like below:
user992731
  • 3,400
  • 9
  • 53
  • 83
-3
votes
2 answers

JQuery maphighlight for changing area highlight color based on condition

I have created Image Map using map co-ordinates and have to highlighted co-ordinates, which is working fine but what i need is, To change the highlight color depends upon the condition...In first condtion highlight the area with the red color then…
Vignesh Kumar A
  • 27,863
  • 13
  • 63
  • 115
-3
votes
2 answers

Why is image-mapping bad?

I'm trying to convince my current place of employment that image mapping is outdated and that we should be using all HTML/CSS instead. I need some compelling arguments against image mapping. Could you guys please help me out?
-4
votes
1 answer
-4
votes
4 answers

Android ImageView place other image and text in region

I am trying to setup a layout such that it has an image with regions. Those regions,can have either other ImageView or TextView. I am able to achieve this at a high level using FrameLayout and RelativeLayout. However, it does not scale properly on…
bond
  • 11,236
  • 7
  • 48
  • 62
1 2 3
57
58