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?

  • PLEASE STOP HOTLINKING! Bandwidth on my web host has skyrocketed recently and I can't afford it, so I've disabled hotlinking to jquery.imagemapster.js on this site. Please host it yourself. Thanks.
  • 1.2.10 released - February 25, 2012. Bug fix for broken IE9 from 1.2.9. See complete change log.
  • 1.2.9 released - February 22, 2012. This version is now compatible with jQuery 1.9+. There are no other changes.
  • Take a look the new introduction to ImageMapster for absolute beginners, written by Dezynetek.
  • 1.2.8 released - December 30, 2012. Minor bugfix release.
  • More jsfiddle examples added on July 18, check 'em out.
  • The current development version is 1.2.14-beta1, updated recently
  • The last blog post about ImageMapster was Tuesday, June 19, 2012: ImageMapster 1.2.5 released

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