Social buttons

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="http://www.fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" href="http://www.fancyapps.com/fancybox/source/helpers/jquery.fancybox-buttons.css">
<a title="1st title" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_s.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a
title="2nd title" class="fancybox" href="http://fancyapps.com/fancybox/demo/2_s.jpg">
    <img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" />
    </a>

JavaScript

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
    beforeShow: function () {
        if (this.title) {
       
           this.title += '<br>' + this.href;
            
        }
    },
    helpers: {
        title: {
            type: 'inside'
        }, //<-- add a comma to separate the following option
        buttons: {} //<-- add this for buttons
    },
    closeBtn: false, // you will use the buttons now
    arrows: false
});