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

css responsive background image map

I'm trying to make responsive image map from background. It doesn't have to be very precise so I was looking for solution with css image map. I found example that suits my needs but image is placed inside a div and I want it to be full screen…
th3rion
  • 183
  • 1
  • 7
4
votes
1 answer

jQuery not creating area tags

I'm trying to use jQuery to dynamically create an image map, and I ran into a weird behavior: alert( $('').size() ); // 1 alert( $('').size() ); // 0 alert( $('').attr("shape",…
Eli Courtwright
  • 186,300
  • 67
  • 213
  • 256
4
votes
2 answers

Jump to a specific location on an image map

I have a big image with an HTML , and I want to jump to a particular region on that image. I have used the tag for marking the locations Take a look at the code : Map
Krishna
  • 1,540
  • 2
  • 11
  • 25
4
votes
2 answers

Removing heighlight from image map area in Android 4.x app via PhoneGap Build

I have tried every which way to try to remove the heighlight when pushing on an image map area of an image. I have search google time and time again and have added all the CSS code i could find in hopes it would help.. but it does not seem to. An…
StealthRT
  • 10,108
  • 40
  • 183
  • 342
4
votes
1 answer

Change title attribute of different polygons in an image map

I have this image that I have mapped. It has many regions in the shape of polygons and on hover the region gets colored (and by colored I mean another picture). I have also made a custom tooltip to go with it so that on hover when it is colored a…
Alex M
  • 73
  • 6
4
votes
4 answers

jQuery plugin imagemapster isn't doing anything

I'm still relatively new to javascript and jQuery so keep in mind that it may be an obvious solution that I don't see. I referenced jQuery and it works fine for other things. Maybe there's something wrong with the imagemapster reference? I…
Baga Jr.
  • 153
  • 3
  • 6
  • 12
4
votes
1 answer

Scale ImageMap coords with dynamic sized images

I'm looking for a way to make my dynamically scaled images fit with the image maps i'm making. I'm using jquery to scale the images with the window size: $(window).bind("load resize", function(){ $(".post…
DERSU awesome
  • 41
  • 1
  • 2
4
votes
3 answers

How to create Floor Plan using HTML maps

I went through this website, i found it really helpful in understanding/viewing floor map : http://www.mouseonhouse.com/property/45/8708/ I wanted to make something like this. How can i manage the floor plan dynamically from backend? If you look…
Suleman Siddiqui
  • 411
  • 2
  • 5
  • 16
4
votes
2 answers

WinForms control for image map editing

In a WinForms application, I need to be able to interactively edit "hot" areas on top of an image, later to be used as a sort of image map. I tried to rig together an UserControl with some floating rectangles (Microsoft.VisualBasic.PowerPacks ftw)…
Tiberiu Ana
  • 3,663
  • 1
  • 24
  • 25
3
votes
1 answer

image map edge detection

if i have a map - say, of the united states, or an anatomy picture of the human body, or some sort of image with discrete sections, and i have a plain black and white outline of the image, what is the easiest way to determine the co-ordinates of the…
bharal
  • 15,461
  • 36
  • 117
  • 195
3
votes
1 answer

Creating Dynamic Hotspots in an ASP.net imagemap

I need the ability to create a dynamic number of hotspots in an imagemap the pseudo code for what I want to do is below: Protected Sub AddHotSpot() Dim r1 New RectangleHotSpot For Each Item as datarow in dataset r1.HotSpotMode =…
Sean
  • 517
  • 4
  • 11
  • 34
3
votes
1 answer

Safari custom cursor not working

I have a custom cursor for an image map with a lot of hotspots. My cursor works fine in Firefox and Internet Explorer, but Safari returns the default one. I used code found on other websites. My directory structure is: index.php > css/main.css >…
mauzilla
  • 3,574
  • 10
  • 50
  • 86
3
votes
6 answers

Interactive world map - suggestions?

I'm looking to create a "Countries You've Visited" map - just like the ones you've probably seen on Facebook, TravelAdvisor and whatnot. I've tried different flash kits, but they're not quite as advanced as I'd like them to be. The main problem I've…
Doomhammer
3
votes
0 answers

Image map coordinates with javascript variables

Is there a way to have the coordinates of an image map be equal to percentage values or variables defined in JavaScript? I am trying to have the image map coordinates adjust sizes when the image size changes with the screen size.
Sophia
  • 31
  • 3
3
votes
1 answer

How to insert clickable points in an image in flutter?

I want to do just that on the flutter, can anyone help me? Clickable Marked points on an Image Hello, I need to show an image with clickable dots on the screen and trigger an action when the user clicks on these dots. I heard that it is made with…
Cristian Peres de Lima
  • 31
  • 1
  • 4
1 2 3
…
57 58