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
2
votes
2 answers

ImageMapster - image doesn't center vertically + how to make mouseOver effect?

I've tried to center vertically and horizontally my image while using image map with ImageMapster, but it didn't work. http://eternidad.home.pl/index_proba.html I've added : #mapster_wrap_0 img{margin: 0 auto; align: center; vertical-valign:…
aga_n
  • 21
  • 1
2
votes
1 answer

How to center a (dynamically resizeable) image-map with the imagemapster plug-in

I'm using the JQuery-plugin imagemapster and the code from the authors example at jsfiddle http://jsfiddle.net/jamietre/jQG48 I am able to dynamically resize my imagemap. Now I am trying to center my imagemap horizontally on my page, but I cant get…
Kurt
  • 264
  • 1
  • 7
  • 23
2
votes
1 answer

jQuery Image Mapster: Highlight Areas prior to selecting

I'm really liking the jQuery addin Image Mapster. However, I've really reached a brick wall I could use some help climbing. I need to do the following: Highlight all image map areas with a border and color prior to any interaction Enable mouseover…
2
votes
1 answer

jQuery ImageMapster: Highlighting Issues

I'm having some trouble making ImageMapster highlight my map areas. In reading the documentation, I'm under the impression that by simply using $('img').mapster(); I should be able to see my map areas highlight with mouse over. I'm not seeing…
2
votes
1 answer

How do I reset a previously selected area to its original state in ImageMapster?

How can I make an area, which was selected - and is therefore rendered with the styles I did defined in render_select - unselected again and make it look like any other areas, that have been never selected before ?…
Kurt
  • 264
  • 1
  • 7
  • 23
2
votes
2 answers

ImageMapster: how to synchronize two image maps?

I have two copies of same image map on page. They have different ID's, use the same image file and map info. Now only second map works correctly, if I highlight\click on first map - changes are applied only to second map, not to both of them. I…
DaneSoul
  • 4,491
  • 3
  • 21
  • 37
1
vote
0 answers

Imagemapster Change Color On Click by Area Key

I'm attempting to change the fill color of part of my image based on the area key. The color I'd like it to change to is picked from the html color picker. function updateColor(event) { const p = ($('areas.key')); if (p) { var color…
n861997
  • 11
  • 2
1
vote
1 answer

Is there an alternative to ImageMapster that works with jQuery 3.x?

I've been trying all afternoon to get ImageMapster to work... I kept getting the weirdest errors, and all the Google searching in the world didn't help... (Stuff like "Uncaught TypeError: i.size is not a function". What the heck does that even…
1
vote
1 answer

Can't properly rebind imagemapster to set new tooltips (TypeError: Cannot read property '0' of null)

I'm trying to create a solution for rentable lockers for my local swimming club. The data for each locker (roughly 1800) is generated from an SQL database and i mapped each locker room seperately. The Problem occurs, when i try to rebind my image…
papaBaer
  • 21
  • 2
1
vote
1 answer

Imagemapster for jQuery 3.1.1

I'm using Imagemapster but since upgrading to jQuery 3.3.1 the Imagemapster is throwing an error "i.size is not a function". I've googled it up and since Imagemapster is not updated for jQuery 3.3.1 I tried replacing 'i.size' with 'i.length' but now…
Bernard Polman
  • 795
  • 2
  • 14
  • 31
1
vote
0 answers

Image border mapping hilighted areas

Can someone tel me why the area hilight like the image 1 doesn't work on my image 2 et image 3 in the JSFIDDLE bellow ? Maybe one the second image does't because i added the responsive pluging map area, but on the image 3 i removed the responsive so…
Pr_co
  • 61
  • 8
1
vote
0 answers

Improving performance on Image Mapster

I'm using Image Mapster to highlight the mapped areas from an image, the javascript file is generated by a php code and minified on the server side. I'm having problems with the loading time, in the image on which I'm working I have near a thousand…
1
vote
0 answers

Extremely Slow Initialization for Imagemapster Map

I am trying to initialize a map layout based on squares that refer to an ibeam location. There are over 500 json objects in some cases and it causes the initialization of the map to take for ever, sometimes between 30 and 60 seconds. Here is the…
1
vote
0 answers

How do I use OnClick in Imagemapster to call Fancybox-2 popup from an image mapregion?

I want to preface by saying that my fundamentals of javascript are exceedingly poor. This is basically the first complex problem I've tried to solve, so if my issue here is glaring syntactical ignorance, I will not be surprised, but please be…
1
vote
1 answer

Mapster fill areas

i use mapster js for show some section inside image. Inside areas i use data key and class also. Hover working perfec but i need fill these sections after load not only on hover with specific color. I try some examples but not working.…
Ľuboš
  • 93
  • 2
  • 10
1
2
3
8 9