FancyBox 2

Show some fancyBox options

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
<script src="http://theopensourcery.com/javascript/fancybox-buttons.png"></script>
<link rel="stylesheet" href="http://theopensourcery.com/javascript/jquery.fancybox-buttons.css">
<script src="http://theopensourcery.com/javascript/jquery.fancybox-buttons.js"></script>

    <a class="fancybox" href="http://picsofcanada.com/wp-content/uploads/2014/03/11wwartsuewilkinslooktothecoast.jpg"
    style='width:50px;'> 
     <!-- NOte that FancyBox ignores this width styling, too bad -->
	<img src="http://picsofcanada.com/wp-content/uploads/2014/03/11wwartsuewilkinslooktothecoast-150x150.jpg" alt="" /><br>
    <b>Click to trigger Fancybox</b></div>

JavaScript

$(document).ready(function () {
		    $('.fancybox').fancybox({
		        padding: 0,
                type        : 'image',
                openEffect  : 'none',
                closeEffect : 'none'
		    });
		});