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

I can't get 'mapkey' or 'select' to work on Imagemapster on SharePoint 2010

I have been able to get ImageMapster to work on SharePoint 2010 just by using the generic function of $('img').mapster();. I am able to hover and click without issues. However as soon as I try to work in mapkey as in mapKey: state especially but no…
Chuck Farley
  • 101
  • 3
0
votes
0 answers

ImageMapster - how to highlight specific area ( one or two ) on load

I'm new to ImageMapster, I'm trying to figure out how to highlight one or two of areas onload. How do you do that? Using the states as reference:
Chuck Farley
  • 101
  • 3
0
votes
0 answers

How to link ImageMapster and sql data via Asp.Net?

I have a linkable map using ImageMapster. Now, data is static. But, I need them to be dynamic. Actually, I want to save image urls and other related items into sql database and retrive them and show them in a map in asp.net(vb).
Nahid
  • 95
  • 2
  • 9
0
votes
1 answer

image mapster attribute repeatation

i use image mapster for mapping an image. when part of area is cliked then another mapping image is come.so i use many image and for every image i need to repeating mapster attribute.i try some way but then onclick function and tooltip is not…
Rudro Hasan
  • 31
  • 1
  • 10
0
votes
0 answers

Zoom in on a specific area () on a floor plan ()

Is there a way to zoom in on a specific on a using jQuery? I am creating an interactive floorplan on which when you click on a certain it will zoom in on that specific coordinate using HTML5, ImageMapster jQuery and jQuery.
0
votes
1 answer

imagemap with imagemapster.js

I am trying to create an html imagemap with highlighting. I therefor use http://www.outsharked.com/imagemapster/ which did work on my tryouts, but does not work on the final map. The areas in the map seem to be correct - I did attach an click…
0
votes
1 answer

Save data from an imagemapster script to a mysql db

So, my problem is the following: I made an imagemapster map of an image of teeth, and i want to select more than one tooth, and some bridges between teeth, and click a button, make some verifications, and if all good, save the chosen teeth and…
Decao
  • 1
  • 3
0
votes
1 answer

ImageMapster to dynamically show and hide image selection crash

I have an image where I want to dynamically show grey/green/red shaded blocks to highlight different areas of the image. Ie small parts of the image will dynamically shift between shades of grey/green/red. I've decided to use the jQuery plugin…
Koniak
  • 484
  • 1
  • 4
  • 13
0
votes
0 answers

Trying to integrate a popup using highslide into an image mapped with imagemapster

So I am using imagemapster on a page I've created to change regions of an image map on mouse hover. I would like for a pop up to occur on click and intended to use highslide to execute this, however, I'm struggling with how to implement this. My…
0
votes
1 answer

Image mapster display tooltip dynamically

I have an image map with a list of locations with the details for each location being displayed dynamically next to it. At the moment, when you click on a location a circle pops up on the map. I'd like to be able to click on a point on the map and…
MG1
  • 1,655
  • 9
  • 33
  • 46
0
votes
1 answer

Mapster plugin jQuery

I need to set event "on click" on map area without declared area id. My map of country has 5 areas with id, like that: In JS I have…
Paul-B-PC
  • 57
  • 4
0
votes
1 answer

ImageMapster - tooltips not showing on mouseover

I started using ImageMapster JQuery plugin and got stuck pretty fast. I would like to have a tooltip showing up when I hover over an area, but it doesnt work. I use "id" parameter as an area key and would like the tooltip to be shown when I point…
Jozef
  • 479
  • 1
  • 9
  • 36
0
votes
1 answer

Reverting image maps to functions

I have an image and when you click on it, it goes to another image with a function and an image map. But on the next image there's text saying "back to other image" but I can't get it to go to the previous image. The user clicks on the mainmenu.png…
user5586668
0
votes
0 answers

ImageMapster JavaScript Button

I would like to make this example of an image map, http://jsfiddle.net/sb9j7/ but I want once you click on the active areas of the map instead of just appear simple text, I want that in that area appear two buttons that will call a database in that…
0
votes
3 answers

jquery html() function remove binding?

I'm setting up a page with the following functionality: User is shown 5 images. Some visual effects are binded to the images. If user scrolls to the bottom of page another 5 images are loaded. Html of a container
is updated using .html()…
Matteo
  • 7,924
  • 24
  • 84
  • 129
1 2 3
8 9