JSFiddle - React, Tailwind, and code Playground
HTML
<div >
<img src="http://media-cdn.tripadvisor.com/media/photo-s/02/59/cf/ba/il-nido-country-inn.jpg" width="690" height="400" border="0" alt="Intershop Values" usemap="#values">
<map name="values">
<area shape="rect" coords="16,56,160,70" class="tooltip" title="Spirit" rel="What we think and how we act is based on passion for our business and respect for our partners and our employees.
">
<area shape="rect" coords="16,117,165,135" class="tooltip" title="Customer Focus" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="16,184,154,198" class="tooltip" title="Employee Focus" rel="OLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="554,340,681,356" class="tooltip" title="Sustainability" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="578,286,681,299" class="tooltip" title="Innovation" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="599,230,681,249" class="tooltip" title="Expertise" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="586,177,681,190" class="tooltip" title="Credibility" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volupt">
<area shape="rect" coords="380,91,420,131" class="tooltip" title=" Spirit" rel="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy...
JavaScript
window.addEvent('domready', function()
{
new Tips($$('.tooltip'),
{
showDelay: 50, //default is 100
hideDelay: 50, //default is 100
className: 'tool', //default is null
offset: {'x': -38, 'y': -60 },
fixed: false,
onShow: function(toolTipElement){ toolTipElement.fade(.96);},
onHide: function(toolTipElement){ toolTipElement.fade(0);}
});
});