How to show the image as a tooltip?

Question

I have an HTML page containing a GIF as shown in this jsFiddle .

Source:

<p class="Output"> <img src="http://i.imgur.com/ywXKLgY.gif" alt="Untitled-4_1.gif" width="540" height="410" style="vertical-align:middle;" usemap="#map_1" /> <map name="map_1"> <area shape="rect" coords="30,132,98,111" title="About Me" href="http://www.wolfram.com" /> </map> </p> 

As you can see, hovering over the purple area, a tooltip appears that says "About me", as shown in the image below.

However, I would like this tip to be an image, not a text. Is it possible? And if so, how can I achieve this?

Answer 1

I do not believe that there is a way to do this if you are talking about using an image for the default browser tooltip that appears when you hover over an element with a title attribute.