We are in fact working with some new stuff for this as you see in the demo gallery. We also have some even cooler stuff, but its not currently working in Internet Explorer so we need to fix it first:
https://www.photo.gallery/demo/x2/social2.html
For the Facebook button in the current demo gallery, we used the following code:
<div style="position: absolute; top: 12px; left: 276px;" id="facebook-container">
<div>
<img id="small-icon" src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif" style="position: absolute;"/>
<div id="myfacebook" style="position: absolute; padding: 0px 0px 0px 25px;">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=220574884633155&xfbml=1"></script>
<fb:like href="https://www.photo.gallery/demo/x2/" send="true" show_faces="false" colorscheme="dark" font=""></fb:like>
</div>
</div>
</div>
<script>
$("#facebook-container").mouseenter(function () {
$("#myfacebook").fadeIn("fast");
});
$("#facebook-container").mouseleave(function () {
$("#myfacebook").fadeOut("fast");
});
</script>
You will need to at least change the href link to point to your own gallery, and you may want to use this tool to create your own code to fit within our modifications:
http://developers.facebook.com/docs/ref ... gins/like/