Q:

Adding Social Share buttons to Fancybox which uses the button helper

I'm currently trying to integrate social sharing buttons onto my fancybox image popups. There is a JsFiddle which Fancybox has created to demonstrate how this would be done...but I'm using the "helper" > jquery.fancybox-buttons.js (see here). How do I combine both these custom solutions so that when the fancybox image pops up it has the social sharing buttons underneath (just like in the JSFiddle & has the button helpers?
Here's an example of my page's HTML for the Fancybox Gallery:
<div id="painting" class="content-pages">

<p>
    <a class="fancybox-buttons" href="painting/2011_b.jpg" data-fancybox-group="paintings" title="Sed vel sapien vel sem uno"><img src="painting/2011_s.jpg" alt="" /></a>

    <a class="fancybox-buttons" href="painting/beginnings-3_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings III"><img src="painting/beginnings-3_s.jpg" alt="" /></a>

    <a class="fancybox-buttons" href="painting/t-beginnings-i_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings I "><img src="painting/t-beginnings-i_s.jpg" alt="" /></a>

    <a class="fancybox-buttons" href="painting/t-beginnings-ii_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings II"><img src="painting/t-beginnings-ii_s.jpg" alt="" /></a>
</p>
</div>

A:

First, you need to load the js and css button's helper files (located on the helpers subdirectory of the download.)
Second, add the buttons helper option to the custom script. You may want to disable the default close and arrows buttons so you use the buttons helper only.
So the code you have to add should be :

// other options
helpers: {
    title: {
        type: 'inside'
    }, //<-- add a comma to separate the following option
    buttons: {} //<-- add this for buttons
},
closeBtn: false, // disable default close
arrows: false    // disable default arrows

See the same modified JSFIDDLE.

