Questions tagged [imagemapster]

ImageMapster is a jQuery plugin that lets you activate HTML image maps without using Flash. It works just about everywhere that JavaScript does, including modern browsers, Internet Explorer 6, and mobile devices like iPads, iPhones and Androids.

ImageMapster started as a fork of David Lynch's MapHilight in early 2011. I wanted to add the ability to keep areas selected. I had a lot of ideas for interesting things that could be done with image maps, so ended up adding many more features. In the months since this began, I pretty much rewrote it from the ground up, but a few parts of the code, most notably the core VML rendering code, still inherit directly from its MapHilight roots.

I have put a great deal of effort into ensuring that ImageMapster will work reliably in many environments. Often, images will not be finished loading when the rest of a page has finished being configured. JavaScript code will usually begin running before some page images have finished loading. It is critical that images be completely loaded before ImageMapster can configure itself: it needs to know their native and display sizes, make copies, and do other work. The software uses a number of different methods, depending on the browser, to ensure that everything is ready when it begins configuration.

Additonally, ImageMapster will queue commands issued to it before configuration is complete. This means you can write post-configuration code that works against your image map without concern for the timing of images being loaded. Any commands that ImageMapster receives before it's done configuring will be queued, and processed in order once configuration is complete.

ImageMapster uses HTML5 canvases to do its work in modern browsers. In older browsers (Internet Explorer < 9) it uses VML to achieve similar effects.

ImageMapster works in all major browsers (Internet Explorer 6+, Firefox 2+, Opera, Chrome, and Safari) and on mobile devices.

134 questions
1
vote
0 answers

ImageMapster (JavaScript)- "onClick" function wont work properly

Iam having a problem with a function on ImageMapster. The whole Project works except this little problem: $('#STADION1').mapster({ mapKey: 'href', fillColor:'999999', stroke: true, strokeWidth:2, strokeColor:'3355aa', onClick:…
1
vote
0 answers

Incorporating Image Mapster with JS Slideshow

I have a javascript slideshow with image maps associated with each of the images. See example here. I would like to incorporate the jquery plugin, ImageMapster, to enhance the usability of the image maps. I can get the ImageMapster functions to work…
Tsentralka
  • 33
  • 6
1
vote
0 answers

Mapster - how can I open an alert if every area is selected?

I want to build a little search picture. So I have defined using mapping some areas in a picture and with Mapster so I am able to select them. Now I need a possibility to establish an alert if ALL 10 areas are selected. Something like:…
Cerco
  • 11
  • 2
1
vote
1 answer

ImageMapster: Highlight all the areas but select a specific area on click on list item and show other areas selected with less opacity

I have referred below example: http://jsfiddle.net/jamietre/gjH5c/ I need exactly same functionality. But change is - highlight all the areas on load. Hence used staticState: true. But use of the above option disabled effect of area highlight on…
Twinkle
  • 13
  • 4
1
vote
1 answer

QTip v 2.2.1 not showing with Bootstrap v 3.3

I am using Bootstrap v3.3 with Jquery v2.0.3, Jquery-Migrate v1.2.1, Jquery.Imagemapster v 1.2.14, Modernizr v2.8.3 and Qtip v2.2.1 Normally, in a simple HTML page Qtip show perfectly on the each map area as desire but not showing when I paste…
ma rafa
  • 55
  • 1
  • 2
  • 10
1
vote
1 answer

Image mapster 'rebind' not working

I've been able to set Map coords with a button (image mapster), but I cannot rebind to new coordinates when I load a new image. I have one image and mapping then I'm changing image with a button. I also want to change the mapping co-ordinates and…
Warhead
  • 103
  • 2
  • 7
1
vote
0 answers

Image Map with ImageMapster implementation troubles

I've attempted to do my due diligence and discover why I can't get the functionality of ImageMapster to work on an html site. I've developed a simple html page to test the image map and imagemapster javascript on my localhost to test the features,…
1
vote
0 answers

Highlighting map area issue with mapster

I am trying to make each section of my map to highlight when the user hovers over it. But for some reason it doesn't work. I have made a jsfiddle for explaining better the issue http://jsfiddle.net/5qcbvp7k/3/ HTML
Adrian
  • 2,273
  • 4
  • 38
  • 78
1
vote
1 answer

Image mapping tools to allow for easy and smooth coordinate drawings

I'm using ImageMapster to help add effects to my image maps. They have an example of a skeleton with beautifully outlined/mapped body parts: http://www.outsharked.com/imagemapster/examples/joints/SkeletonJointExample.html I've found some tools to…
user3871
  • 12,432
  • 33
  • 128
  • 268
1
vote
1 answer

How to create PHP generated tooltips for ImageMapster?

I'm working on a floor map for my company, to see where each employee has its desk, so if you wish to visit someone, you can easily find him beforehand. I have created a with a lot of s and now I'm using ImageMapster to highligth a table…
WellBloud
  • 927
  • 4
  • 13
  • 29
1
vote
1 answer

Image map browser compatibility and imagemapster

I'm using ImageMapster to simply modify an image map on hover. However, I'm encountering some issues both with my image map and with the imagemapster plug in. My problems are: 1) Even though I've defined a height and width for my image, its size…
stamblerre
  • 263
  • 1
  • 4
  • 11
1
vote
1 answer

Image Map Hover Over Area with ImageMapster jQuery not working

I'm trying to create a hover area for a polygonal image map using the ImageMapster jQuery, but the hover over area isn't working. The image map works as it should, but the hovering effect won't work. I want each hexagon to change colour when you…
Ronan
  • 821
  • 12
  • 30
1
vote
0 answers

imagemapster zoom and pan

I try to use iviewer to zoom and pan imagemapster, but can't get imagemapster to work when image is loaded through iviewer. Maybe it is impossible? The image url must be passed to iviewer as a parameter to iviewer function. I try to add classname…
hal
  • 33
  • 1
  • 4
1
vote
2 answers

Group by key, but highlight only one

On image im mark rooms: sold out reserved for sale Each group has its own color. When I hover one room with "for sale" this highlight all rooms within this group. But I want to highlight just this one. This is HTML code:
Kurczakovsky
  • 75
  • 1
  • 8
1
vote
1 answer

ImageMapster: How to make the tooltip follow the mouse

I was wondering if there was a way to make the tooltip not appear at the corner of an area, but instead just above wherever the mouse currently is. It would thus need to "follow" the mouse while it's active. If anyone has any sample code doing…
Michael Draper
  • 1,928
  • 3
  • 18
  • 24
1 2
3
8 9