Fork Me on Github
ImageMapster Logo

ImageMapster makes HTML image maps useful.

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.

Download the latest release (1.2.10, February 25, 2013) jquery.imagemapster.js or jquery.imagemapster.min.js

Note: ImageMapster used to be distributed as a ZIP archive. You can still download the full package including examples and source as a zip from GitHub but I will no longer be building a version-specific ZIP file with each release.

What's New?

The last changes pushed to GitHib were on Nov 21, 2013:

  • Merge pull request #169 from adityamenon/patch-1 Fix JSON error
  • Fix JSON error Please merge soon, because this problem makes it totally impossible to use the package with bower.
You can see all recent changes to the dev code or go to the GitHub project page.

Highlight and select areas

    • Click-select and deselect one or more areas, or allow highlighing only by disabling isSelectable
    • Use like a toggle or menu with the singleSelect option
    • Define areas as inactive or always active with staticState

Create cool effects by using an alternate image

    • Use any other image to render fill and select effects withaltImage
    • Regular fills and borders can be used in combination with alternate image to create complex highlight and selection effects

Bind the image map to an external list

    • Link user actions to an external list using boundList
    • Automatically generate list from user-defined attributes in the image map data with onGetList, optionally sorted by specifying sortlist=true

Show floating tooltips for areas or area groups

    • Effortlessly create area-specific tooltips
    • Use the default tooltip container, or create any HTML template to display tooltips
    • Manually activate or deactivate tooltips with $mapster.tooltip() method

Use grouping and exclusion masks to create complex functionality

    • Group areas together into logical entities that will be selected or highlighted together
    • Link groups so that activating one group also activates another group using includekeys
    • Exclude areas inside of other areas by using masks
    • Areas can be members of more than one group, allowing you create concentric selection areas by defining an interior area as both a mask and its own selection group

Automatically scale imagemaps to any display size, even while active

    • Imagemap data can be automatically scaled to match the display size of an image using scaleMap
    • Resize imagemaps dynamically by calling resize on an existing bound imagemap