jQuery PicTip

<link href="pictip.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="jquery.pictip.min.js"></script>

#pictip-demo{
    position: relative;
}
.spot{
            
}
.spot-tooltip{
	background:red;
	color:#3e3e3e;
	padding:10px;   
	z-index:500
}

<div id="pictip-demo">
	<img src="http://jquery.netid.pl/media/sample/700x500/1.jpg" alt="" />
</div>

$("#pictip-demo").pictip({
    spots: [
        {
            top: '50px',
            left: '20px',
            content: 'Hello!',
            tooltipPosition:'br' //bottom-right
        },
        {
            top: '80px',
            left: '90px',
            content: 'Hello!',
            tooltipPosition:'br'
        }
    ]
});