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>
 

 
 
 <a title="gallery" class="fancybox" data-shareurl="www.google.com" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_b.jpg" alt="" title="my gallery"/></a>

JavaScript

var shareurl = $('.fancybox').attr('data-shareurl');
 $(".fancybox").fancybox({

   beforeShow: function() {
     this.title = '<div class="addthis addthis_toolbox addthis_default_style "><a href="' + this.href + '" addthis:url="' + shareurl+ '" addthis:media="' + this.href + '" addthis:title="'+this.title+'" class="addthis_button_preferred_1"></a></div>';

     alert(this.title); //see the variable

   },

   afterShow: function() {
     addthis.toolbox(
       $(".addthis").get()
     );
   },
   helpers: {
     title: {
       type: 'inside'
     }
   }

 });