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
0 answers

Imagemapster print selected

Im trying to print all selected areas when button is pushed, but cannot get it to work. Im using this example to learning. https://github.com/jamietre/ImageMapster/blob/main/examples/staticstate.html What i have done: function printChecked() { …
0
votes
1 answer

Why won't my ImageMapster jquery plugin work in Power Apps portal code editor?

I am trying to apply some hover effects to my image map that I have coded inside my power apps portal site via the code editor. When I try to add in this method: which sets up the styling I…
0
votes
1 answer

Can't make image mapster work on javascript/jquery

i'm new to coding.can't make this work for some reason.any help appreciated I want to highlight/select a human anatomic image on different body parts.I can add to mapster code,this is a short one to test if its working and it does not. edit: messed…
Lyria
  • 1
  • 1
0
votes
0 answers

how to show tooltip on map image load start with imagemapster

i know imagemapster can show tooltip in mouse hover, but i hope keep show that in map load start, how to do? var image = $('img'); image.mapster({ fillColor: 'F0AF02', fillOpacity : 0.2, stroke: true, strokeWidth: 2, strokeColor:…
Hao Han
  • 13
  • 4
0
votes
1 answer

how to update the tag in visual studio (asp.net core mvc) with image-mapster?

I have a mapped to an image containing several in a view. When the page is loaded, the area markings work the way I want, however I have a where when changing, the updates with new information that I am changing via jquery. When I change the …
0
votes
1 answer

How do I get the overlying text (like

) to stop stopping the effect I want to happen on when they're hovered over while using imagemapster?

So I've looked elsewhere on StackOverflow and haven't come accross this problem specifically, which is the negation of the effect on map < area > when hovering over texts (< h1s >) that are in & overtop that map < area >. There's a second point of…
CarinaCase
  • 243
  • 2
  • 7

0
votes
1 answer

Why does one jsfiddle work and the other does not, even though they have the exact same code?

I'm trying to create a map in which each of its subsections highlight on hover. The best method I was told after researching was to use imagemapster which apparently functions, hence the first functional link... but in the second with the exact same…
0
votes
1 answer

Imagemapster highlight based on posted values

I am VERY new to jquery, and I am having some difficulty figuring this out. I have a page with an image map and I set the value initially in the window.load function: $('img').mapster('highlight', 'Lot_15:1'); What I would like to do is IF…
C Palmer
  • 17
  • 6
0
votes
2 answers

How to include a loop in a jquery function

I am using jquery imagemapster to generate an image map with highlighted areas and tooltips on hover. I have a 100 different areas and tooltips in my image (all with elements numbered 1-100) and all works well. However, I want to write a function…
EllBrandon
  • 103
  • 2
  • 11
0
votes
1 answer

ImageMapster "highlight" always on

I use jquery, ImageMapster and PHP. The script works fine, if I load the imagen my area is ON but when I move my mouseOver the image the highlight change ( normal ) but ... when I put my mouseOut of img I have no area selected, and would like my…
Unai Susperregi
  • 398
  • 3
  • 16
0
votes
1 answer

Changing the fill color of a selected area using ImageMapster

I am currently using image mapster. Here I initialize the image mapster to only show on hover. $('img').mapster( { mapKey: 'data-key', staticState: false, fillOpacity: 0.0, strokeColor: "3320FF", …
Tom
  • 1
  • 1
0
votes
0 answers

Formatting Imagemapster selections

Hello I'm working on this imagemapster show selection code. People will click on map areas to select.
Work
  • 41
  • 1
  • 7
0
votes
1 answer

imagemapster not initializing properly

I am trying to use the image mapper library to do a mapping of a map, however I can't seem to get the basic features working. This is the initiation of my scripts
LuxuryWaffles
  • 1,518
  • 4
  • 27
  • 50
0
votes
1 answer

Dynamic loop variable in JavaScript with PHP elements

I'm using a jquery plugin called imagemapster to create a map with mysql / php content and values. There are 120+ defined areas on the map and I'd like to use a loop to write the code for each pop up tooltip. Although I can create a loop in…
EllBrandon
  • 103
  • 2
  • 11
0
votes
1 answer

How to send in ASP.NET the selected areas of an imagemap using imagemapster?

I have a project in ASP.net webforms. I have a form and in that form I have a
Neculai Andrei
  • 223
  • 5
  • 17
1 2 3
8 9