Post thumbnail: 6 jQuery Image Map Plugins

6 jQuery Image Map Plugins

Collection of free jQuery responsive image maps.

Demo image: jQuery RWD Image Maps
Made by
  • Matt Stow
Github activity
  • 1225 stars
  • 98 watchers
About the plugin

jQuery RWD Image Maps

Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize.

Demo image: ImageMapster
Made by
  • James Treworgy
Github activity
  • 658 stars
  • 55 watchers
About the plugin

ImageMapster

ImageMapster activates the areas in HTML imagemaps so you can highlight and select them. It has lots of other features for manual control, tooltips, resizing, and more.

Demo image: Maphilight
Made by
  • David Lynch
Github activity
  • 385 stars
  • 36 watchers
About the plugin

Maphilight

jQuery plugin that adds highlighting to image maps.

Demo image: Image-Map
Made by
  • Travis Clarke
Github activity
  • 19 stars
  • 2 watchers
About the plugin

Image-Map

Responsive, dynamic image maps.

Demo image: Mapify
Made by
  • Etienne Martin
Github activity
  • 70 stars
  • 12 watchers
About the plugin

Mapify

Responsive and stylable image maps using jQuery, SVG and CSS3.

Demo image: jQuery Map Trifecta
Made by
  • Nicholas S Wilhelm
Github activity
  • 15 stars
  • 2 watchers
About the plugin

jQuery Map Trifecta

Combines RWD image maps, maphilight, and zoom into 1 solution. Optional table integration.

Back to top