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

Changing alternative image imagemapster

I was experimenting with image maps. Came across the problem: I am not able to change the image of area itself I have clicked on; only other areas work except the one. How to solve this? $(document).ready(function() { $('#painting').mapster ({ …
sitilge
  • 3,687
  • 4
  • 30
  • 56
1
vote
1 answer

Use a JavaScript FOR in Areas with ImageMapster

I'm using ImageMapster and I want to select specific areas which are defined into an array, something like this: var Carnet=new Array("6a","7a","8a","7c","8c","9c","23g","23g","14m","15m","16m"); var c = Carnet.length; $('#central').mapster({ …
xHaralDev
  • 13
  • 3
1
vote
1 answer

Using singleSelect but leaving background selections on and retrieving data from an API

I think I'm pretty close. The idea is to have the background sections turned on according to the data from the API (this one, if you want to try it http://www.propertysolutions.com/api-documentation/code-snippet), and still have the functionality of…
Erik
  • 104
  • 1
  • 4
1
vote
2 answers

Imagemapster: Cancel hover effect if area is selected?

I am using imagemapster to add some effects to an image map, it would be really awesome if I could cancel the hover effect for areas that are selected, is that possible? edit: I am referring to http://www.outsharked.com/imagemapster/
Mircea Sandu
  • 926
  • 7
  • 21
1
vote
0 answers

ImageMapster text overlay

How to achieve text overlay in ImageMapster? ImageMapster seems to be a very popular plugin and I am doing research in order to decide whether to use it in my project. In the application that I am going to develop, percentage numbers need to be…
1
vote
1 answer

ImageMapster - show image map area on text link hover

I have an image map with hover effects using ImageMapster.js... Next to the image is a list of text-links which refer to certain areas of the image map areas. Is it possible to highlight the image map area when I hover over the text-link? e.g.:
Pat
  • 15
  • 6
1
vote
1 answer

imagemapster opacity

I am working on a project where the user will be able to hover over different apartments and see price, etc in tooltip boxes next to every area. I am using jquery+imagemapster for this, where every apartment is an area on the map, and so far it…
SamD
  • 11
  • 3
1
vote
1 answer

jQuery Mapster with dynamic data from php

We are building a website and for that we need to include an image map from a country and when you highlight a provence it needs to show some content below the map. For this we are using jquery mapster (I'm not really a jquery programmer, so maybe…
WNR Design
  • 105
  • 1
  • 2
  • 13
1
vote
0 answers

Convert text string to xml using jquery

I'm using http://www.outsharked.com/imagemapster and I'm wanting to extract the selected areas and format in to xml, this would ideally be on submit. The below on click returns the selected areas and places the text into a…
Michael G
  • 11
  • 1
1
vote
1 answer

Setting Vimeo thumbnail inside imageMapster toolTip,

I am having problem on getting just one thumbnail on mouse over inside an imageMapster toolTip map. Actually my code keeps putting several thumbnails repeating them on every mouseover. Here is my code: http://jsfiddle.net/H3mRE/1/ I appreciate any…
1
vote
1 answer

Highlighted/Selected areas are black for Imagemapster in IE

http://www2.wou.edu/pls/wou2/jalcanter10.video_tour.p_main The page works fine in other browsers, but I'm not sure what to even look at. The areas do get lit up and selected, but instead of the 2nd image showing, its painting the areas black
ini
  • 201
  • 1
  • 4
  • 14
1
vote
1 answer

imagemapster: rendering "different" styles for different classes of areas

is it possible to style different areas in different styles in imagemapster? For exampl: when I have a plan of a house a user can click different rooms: living-rooms, sleeping-rooms, bath-rooms, ... . Any selected living-room should be rendered in…
Kurt
  • 264
  • 1
  • 7
  • 23
1
vote
1 answer

Programmatically change margin of Imagemapster image

I am trying to change problematically margin of Imagemapster image as reaction to re-size window event. Changing size works perfectly (I use resize method of mapster). To which element I should apply new margin? If I apply it to image itself, than…
gorn
  • 5,042
  • 7
  • 31
  • 46
1
vote
1 answer

Imagemapster de-select issue

I've read everything I can find, and maybe I'm overlooking something simple. I have a map of my campus, and everything highlights and selects properly. The only issue I'm having is this: when clicked, each building pops up an information bubble.…
ini
  • 201
  • 1
  • 4
  • 14
0
votes
0 answers

Getting 'image.mapster is not a function' error when trying to use jQuery Mapster plugin

I'm trying to use the jQuery Mapster plugin to create an interactive image map on my HTML page. However, I'm encountering an error that says "'image.mapster is not a function'" in my browser's console. I've checked the script order, ensured jQuery…
1 2 3
8 9