Vanilla JS Dynamic FaceBook Like Button
Their build is a joke (sort of)
http://developers.facebook.com/docs/reference/plugins/like
HTML
<div id="friend_avatar_container"></div>
<div id="fb-root"></div>
JavaScript
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : '190002701124654',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'Invite your friends to this contest'
});
}
window.fbAsyncInit = function() {
FB.Canvas.setAutoResize();
}
</script>
<script>
FB.Event.subscribe('edge.create',
function(response){
top.location.href = 'https://www.facebook.com/devtombras?sk=app_190002701124654';
});
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>
function fillFriendAvatars(ids) {
var container = $('#friend_avatar_container');
$.each(ids, function(index, id) {
container.append($('<img>').attr('src', "//graph.facebook.com/"+id+"/picture?type=square"));
});
}
if ($('#friend_avatar_container').length) {
$('body').bind('facebook:initialized', function() {
FB.getLoginStatus(function(response) {
if (response.status == 'connected') {
FB.api('/me/friends', "GET", { limit: 33 }, function(response2) {
if (response2.data) {
fillFriendAvatars($.map(response2.data, function(x) { return x.id }));
}
});
}
});
});
}
</script>