EuroFancy

CUstom fancybox

by Imri Paloja

HTML

<script src="http://www.eurobytes.nl/html5/js/js.js"></script>
<link rel="stylesheet" href="http://www.eurobytes.nl/fancybox/source/jquery.fancybox.css">
<script src="http://www.eurobytes.nl/fancybox/source/jquery.fancybox.pack.js"></script>
 <a href="http://i.imgur.com/AYzXtRe.png" class="article-image" data-title="0 A.D. logo">
    <img src="http://i.imgur.com/AYzXtRe.png" alt="0 A.D. logo">

CSS

img {
    width:250px;
}

JavaScript

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        beforeLoad: function() {
            this.title = $(this.element).attr('data-title');
        }
    });