title: Show text on top of image
body: <p>Currently I've an image mapped out like this </p>
  
  <pre><code>&lt;img src="Floor1.jpg" alt="Floor1" usemap="#Floor1"&gt;
  
  &lt;map id="Floor1" name="Floor1"&gt;
      &lt;area shape="rect" name="Seat1" title="Seat1" coords="535,311,133,555" href="#" target="" /&gt;
      &lt;area shape="rect" name="Seat2" title="Seat2" coords="121,211,111,555" href="#" target="" /&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>And along with this a Jquery plugin called Image Mapster that allows me to hover over the area and display a tooltip.</p>
  
  <p>What I want to do now is to be able to add an extra image onto this site, but instead of me having to hover over the map area in order to see the information, it'll just display the information inside of the image map without me hovering over the area at all. I would do this in Photoshop but for the image, the information inside the tooltip can change dynamically which is why I can't.</p>
  
  <p><a href="https://i.imgur.com/wAjNn0d.png" rel="nofollow">https://i.imgur.com/wAjNn0d.png</a></p>
  
  <p>Thanks for all your help!</p>