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

Select all with ImageMapster

I have created a pie chart and now use ImageMapster to style it all. When I click a piece of pie, I want all the other pieces to become selected (opacity), but not the one I clicked on. Does anybody know how to accomplish this? My code so far: …
Fernando Redondo
  • 1,557
  • 3
  • 20
  • 38
0
votes
2 answers

The name of the pattern that deals with "Switchlike" checkboxes

I'm trying to deal with a problem whose name I can't quite place (and hence have trouble googling). It deals with a set of 'switch'-like checkboxes. Here are the specifics: I am using the image mapster plugin with a checkbox setup similar to that…
Aditya M P
  • 5,127
  • 7
  • 41
  • 72
0
votes
1 answer

jQuery Imagemapster Multiple Click State

I'd like to implement multi-state coloring using http://www.outsharked.com/imagemapster/. In other words, when an area is clicked once, it'll be highlighted in GREEN, if clicked twice it'll be highlighted in RED, and a third click will reset to no…
0
votes
0 answers

Imagemapster jQuery Plugin in Joomla

I've been trying to use the Imagemapster jQuery plugin into my Joomla page but is not possible. Into the head of the index.php of the template I've put This…
0
votes
2 answers

ImageMapster, demo, example

I found this ImageMapster I want to rebuild the code similar to the USA MAP Demo I don't understand how to define the areas? I found this, but I don't understand the source code: How can I get the coords? Which program offers me these…
ubuseral
  • 427
  • 1
  • 3
  • 14
0
votes
1 answer

Browser Compatibility issues with ImageMapster 1.2.6

I am trying to create mouse-over popup bubbles on each image-mapped area. But ImageMapster 1.2.6 seems to work only on IE8, Firefox, Chrome but does not work in IE8-Compatibility mode or IE7. The javascript shows an error: 'null' is null or not an…
Joy
  • 11
  • 4
0
votes
1 answer

imagemapster IE9 not rendering hovers on hotspots

I've checked all the other ie9 related threads and can't seem to solve my issue. In IE9 none of my hotspots are hovering. It works in all other browsers. I'm in IE9 Standards mode. I'm rocking a doctype HTML5. Nothing in the code jumps out at…
Peter Gibbons
  • 103
  • 2
  • 15
0
votes
1 answer

ImageMapster php save and restore from database

Is there a quick way of selecting the state of a ImageMapster map and saving to a database then retrieving it and displaying the saved map. For example: I would like to color code several states red and some green (which I have working now) then…
Robert
  • 397
  • 3
  • 10
0
votes
1 answer

ImageMapster not rendering some areas in Internet Explorer only

I'm using ImageMapster to generate fills and outlines around image map areas, it's giving me problems with IE not displaying something that chrome, safari, Firefox have absolutely no problem…
0
votes
1 answer

How to resize an image and keep the imagemap coordinates when using text-align: center?

I am using ImageMapster to resize an image and change the "image map" coordinates to the new size. The image i am resizing is used as the background image, and is therefor centered in the middle of the screen: CSS: #block_content { …
Kenci
  • 4,794
  • 15
  • 64
  • 108
0
votes
1 answer

imagemapster plugin: howto programmatically make area nolonger selectable?

I have setup an imagemap with the jquery-plugin imagemapster Could you please give a tip howto let an area in the imagemape be no longer clickable, after it has already been clicked? I tried the following, but it does not work: function…
Kurt
  • 264
  • 1
  • 7
  • 23
0
votes
1 answer

how to wait for user-interaction in a jquery-plugin (imagemapster)?

I have set up my imagemap with the jquery-plugin mapster the code shows me, which countries are clicked ('1' for Egypt, '2' for Libyia ..) $(document).ready(function() { function geklickt (e){ //alert(typeof e.key); return string …
Kurt
  • 264
  • 1
  • 7
  • 23
-2
votes
1 answer

How to get coordinates dynamically in HTML?

I am working on image mapster, but when I do the following I get NaN for coords.
×
Floor plan in Pan Pacific Level 4
Charu
  • 9
1 2 3
8
9