title: Adding Social Share buttons to Fancybox which uses the button helper
body: <p>I'm currently trying to integrate social sharing buttons onto my fancybox image popups. There is a <a href="http://jsfiddle.net/G5TC3/" rel="nofollow">JsFiddle</a> which Fancybox has created to demonstrate how this would be done...but I'm using the "helper" > <code>jquery.fancybox-buttons.js</code> (<a href="http://fancyapps.com/fancybox/demo/" rel="nofollow">see here</a>). 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 &amp; has the button helpers?</p>
  
  <p>Here's an example of my page's HTML for the Fancybox Gallery:</p>
  
  <pre><code>&lt;div id="painting" class="content-pages"&gt;
  
  &lt;p&gt;
      &lt;a class="fancybox-buttons" href="painting/2011_b.jpg" data-fancybox-group="paintings" title="Sed vel sapien vel sem uno"&gt;&lt;img src="painting/2011_s.jpg" alt="" /&gt;&lt;/a&gt;
  
      &lt;a class="fancybox-buttons" href="painting/beginnings-3_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings III"&gt;&lt;img src="painting/beginnings-3_s.jpg" alt="" /&gt;&lt;/a&gt;
  
      &lt;a class="fancybox-buttons" href="painting/t-beginnings-i_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings I "&gt;&lt;img src="painting/t-beginnings-i_s.jpg" alt="" /&gt;&lt;/a&gt;
  
      &lt;a class="fancybox-buttons" href="painting/t-beginnings-ii_b.jpg" data-fancybox-group="paintings" title="Tegan Whitesel - Beginnings II"&gt;&lt;img src="painting/t-beginnings-ii_s.jpg" alt="" /&gt;&lt;/a&gt;
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>