Facepile

The Facepile plugin shows the Facebook profile pictures of the user's friends who have already signed up for your site.

The Facepile plugin shows the Facebook profile pictures of the user's friends who have already signed up for your site.

You can specify the maximum number of rows of profile pictures to display. The plugin dynamically sizes its height; for example, if you specify a maximum of four rows, and there are only enough friends to fill two rows, the height of the plugin will be only what is needed for two rows of profile pictures. The plugin doesn't render if the user is logged out of Facebook or doesn't have friends who have signed up for your site using Facebook.

Using the new JavaScript SDK, the plugin is available via the <fb:facepile> XFBML tag.

Code:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:facepile></fb:facepile>

Remember:

To use this plug-in, your site must have an application ID. You can get an application ID by registering your site. Replace APP_ID in the above script with your application ID  or just enter the number 1.


Preview: