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

jQuery image map responsive only one way

I have a responsive image map with some overlay. But it only resizes when i make my browser window smaller, when i resize to big browser window again, it keeps the smallest size i have been down to. What am i doing wrong? When resized it follows the…
RappY
  • 442
  • 4
  • 16
0
votes
1 answer

How to save a snapshot of final image to image file (jpg,png,etc..)

Here is my use case: My application allows the user to configure products with numerous options. Some of those options are colors which can be selected by the user for numerous areas of the product. I am using imagemapster to display a "blank"…
0
votes
1 answer

Image Map Area Highlight and Zooming with iScroll 4

In my Cordova project, I have a slider with multiple zoomable images (by iScroll) and I would like to use map to highlight some area always. But I have tried many libraries like imagemapster.js, maphilight.js but these libraries prevent images'…
Phyo
  • 692
  • 1
  • 5
  • 14
0
votes
2 answers

Format JSON from controller for use by a plugin

I'm getting a JSON string from my controller: public ActionResult Highlight() { var statesHighlight = db.Jobs .Select(r => r.Location); return Json(statesHighlight , JsonRequestBehavior.AllowGet); …
droo46
  • 114
  • 10
0
votes
1 answer

ImageMapster - Preselect states from a db; anchor link within the page

I'm working with the plugin ImageMapster and I'm having difficulty with the JavaScript. I'm trying to get states determined by database to display an alternate image. Those states then link to an anchor on that same page. It appears that what I…
droo46
  • 114
  • 10
0
votes
2 answers

How can i "deselect" all the areas with imagemapster?

I have 2 images bound with imagemapster. When I click an area it stays selected, which is fine. I need to change the behaviour so that when I click an area I want the other areas to deselect. Is that possible?
AngelQuesada
  • 387
  • 4
  • 19
0
votes
1 answer

Responsive image map resizes larger than 100% of container

I am using the ImageMapster jquery script to create an imagemap. The author offers a fiddle showing how to resize the image map responsively. It works if you want your map to take up 100% of the width of the page. However, if you put a bounding…
LBF
  • 1,133
  • 2
  • 14
  • 39
0
votes
1 answer

Imagemapster not working fully when implemented in CakePHP?

I have been using Imagemapster on a website built in CakePHP. I have successfully implemented the code outside of the CakePHP environment However, when I use this same code, slightly altered for CakePHP, I am having issues with the image switch…
0
votes
1 answer

After mapster href doesn't work

I'm trying to redirect a user on click of current floor without $('#mapimage').mapster( { fillcolor: 'ff0000', fillOpacity: 0.40 }); href of area tag works. With this it doesn't. What have I done wrong? JSFIDDLE
gsiradze
  • 4,583
  • 15
  • 64
  • 111
0
votes
0 answers

Image Mapster Fails HTML Validation

I'm having problems validating my page which is using imagemapster. Error Line 326, Column 39: there is no attribute "name"
Scott
  • 1,280
  • 4
  • 20
  • 35
0
votes
1 answer

Is it possible to scroll to a image map area?

I'm stuck on this problem - I have 4 img maps below each other on single page. I have a autocomplete search field on top of the page and when typing string to search for, areas on every map are being highlighted. Final step what I want to do is,…
WellBloud
  • 927
  • 4
  • 13
  • 29
0
votes
1 answer

Imagemapster is not working on hovers over hotspots in IE9 browser

I am using the Imagemapster JavaScript library to generate data when the mouse hovers over image hotspots. The application is working fine (when hovering over hotspots some data shows up) in all browsers except IE9. I cannot find any solution.
zazzu
  • 37
  • 9
0
votes
1 answer

When using Image map with ImageMapster jQuery plugin the coords are changed

I'm using the jQuery ImageMapster plugin to create an hover effect on an image map. The issue that I'm experiencing is that the hover effect is changing the coords, so the image looks moved when you hover. I've checked and image seems good, no…
Yaazkal
  • 121
  • 1
  • 10
0
votes
1 answer

ImageMapster - Limit selections on an image map

I'm using the ImageMapster jQuery plugin, and I want to limit the number of selections that can be made on a (image-) map to a certain number. Let's say I have 30 areas, but only want 3 to be selected at the same time. After 3 selections have been…
0
votes
0 answers

My image mapping isn't working, but it looks pretty much like the demo mapping

I want to use ImageMapster to highlight sections of my image and display tooltips when the cursor is over a specific area. I followed the demos on the ImageMapster site and used the jsfiddle of the clean USA map to test out my ideas for how to get…
1 2 3
8 9