Social buttons

by Julian

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="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58ffa3ce891532cc"></script>
<h2>Share this page, not just the image</h2>

<a title="test for sharing" class="fancybox" "href="http://fancyapps.com/fancybox/demo/1_b.jpg "><img src="http://fancyapps.com/fancybox/demo/1_b.jpg " title="test "/></a>

JavaScript

$(".fancybox").fancybox({
  beforeShow: function() {
    this.title = '<div class="addthis addthis_default_style "><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_preferred_1"></a></div>';
  },
  afterShow: function() {
    addthis.toolbox(
      $(".addthis").get()
    );
  },
  helpers: {
    title: {
      type: 'inside'
    }
  }
});