JSFiddle Demo for JQuery MyTooltip Plugin

Visit: http://hompimpaalaihumgambreng.blogspot.com/2012/06/mytooltip-jquery-plugin.html

by Taufik Nurrohman

HTML

<script src="http://reader-download.googlecode.com/svn/trunk/mytooltip/mytooltip.js"></script>
<a href="http://lorempixel.com/200/300/animals/" data-preview="&lt;img src='http://lorempixel.com/200/200/animals/' alt='Loading...'/&gt;">Lorem Ipsum Preview Gambar Tralala Trilili!</a>

CSS

body {
  background-color:#DBD3B4;
  padding:30px;
}

.tooltip {
  background-color:white;
  padding:10px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.4);
  box-shadow:0 1px 2px rgba(0,0,0,0.4);
}

.tooltip img {display:block;}

JavaScript

$('a').myTooltip('data-preview');