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>
 <p>
 These are the addthis share buttons that  I awant to put into the fancybox image.
 </p>
 <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_share_toolbox"></div>
 
 
 <a title="test" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_b.jpg" alt="" 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><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_preferred_2"></a><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_preferred_3"></a><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_preferred_4"></a><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_button_compact"></a><a href="' + this.href + '" addthis:url="' + this.href + '" addthis:title="' + this.title + '" class="addthis_inline_share_toolbox"></a></div>';
    },
    afterShow : function() {
         addthis.toolbox(
            $(".addthis").get()
        );
    },
    helpers : {
        title : {
            type : 'inside'
        }   
    }
	});