Home / Tooltip / ImageMapster

ImageMapster

Download Demo
  • Overview
  • Documents
User Rating: 2.7/5 ( 7 votes)
Your Rating:

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.

Highlight and select areas

 


 

  • Click-select and deselect one or more areas, or allow highlighing only by disablingisSelectable
  • 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 usingscaleMap
  • Resize imagemaps dynamically by calling resize on an existing bound imagemap

 

Scroll To Top