Combines RWD Image Maps, Maphilight, and Zoom into 1 solution. Optional table integration.
npm install jquery-map-trifectaLive Demo: http://jsfiddle.net/k6pukgLd/
---
• Double-click Image Map to Zoom
• Hold down Ctrl key to select multiple
`` html

`
`js
$("img[usemap]").mapTrifecta();
Defaults:
$("img[usemap]").mapTrifecta({
zoom: true,
table: true,
fill: true,
fillColor: 'FF0000',
fillOpacity: 0.1,
stroke: true,
strokeColor: 'FF0000',
strokeOpacity: 1,
strokeWidth: 1,
fade: true,
alwaysOn: false,
neverOn: false,
groupBy: false,
wrapClass: true,
shadow: false,
shadowX: 0,
shadowY: 0,
shadowRadius: 10,
shadowColor: '000000',
shadowOpacity: 0.8,
shadowPosition: 'outside',
shadowFrom: false
});
`
of the table and the ` of the map include a data-mapid parameter.