Show Big Img

HTML
<a href="#"> <img src="http://i.imgur.com/W9esUZ2.jpg" id='imgMin'> </a> <div id='imgMax'> <img src="http://i.imgur.com/dVxNL7l.jpg"> </div>
CSS
#imgMax{ position: absolute; display: none; padding: 2px; background: #000; }
JAVASCRIPT
$(document).ready(function() { $("#imgMin").hover(function(){ var pozycja = $("#imgMin").offset(); $("#imgMax").css("left", pozycja.left+150).css("top", pozycja.top+100).fadeIn(); }, function(){ $("#imgMax").fadeOut(); } ); });
Expand for more options Login