Base for fiddle

framewor fancybox css/js scripts.js

by Imri Paloja

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://www.eurobytes.nl/fancybox/source/jquery.fancybox.css">
<a rel="gallery" class="fancybox" href="http://imgur.com/OnCoGw9.png/native-viber-for-linux.png" title="Native Viber for Linux - Viber bugs">
    <img src="http://imgur.com/OnCoGw9.png/native-viber-for-linux.png" alt=""/>
</a>

<a rel="gallery" class="fancybox" href="http://i.imgur.com/BjIANb0.png/nagios-or-icinga.png" title="Nagios or Icinga">
    <img src="http://i.imgur.com/BjIANb0.png/nagios-or-icinga.png" alt=""/>
</a>

CSS

body {
    padding: 5px;
}
img {
    width:250px;
}
.fdb {
    color: #454545;
    float: right;
    font-size: 12px;
    text-decoration: none;
}
.fdb:hover {
    text-decoration: underline;
}

JavaScript

$(".fancybox").fancybox({
    afterLoad: function () {
        this.title = '<a href="' + this.href + '" target="_blank" class="fdb">Full Size</a><i>' + this.title;
    },
    helpers: {
        title: {
            type: 'inside'
        }
    }
});