jQuery Facebook Photo Selector

This is an interface component that allows you to select a photo from your albums as if you were inside of Facebook. It mimics the Change your profile picture dialogue, but allows you to customize it as you like.

While this is a good start, improvement and customizations can be made. Feel free to take this to the next level for your projects.

Example

Status: Not logged in | Login | Log out
Select from your photos (You'll need to log in first)
Select a friend's photo (See below for instructions)

ACTIVITY LOG

How to implement: jQuery Facebook Photo Selector on GitHub

Features

Browse through albums to find photos
Defaults to searching the current user's photos,
but can search through friends. See Search your friend's photos below.
API calls only made when an album is selected.
Max 500 photos per album.
Facebook-like styling

Search your friend's photos

Simply pass a friend's ID to fbphotoSelect() via the data-id attribute on the link. If left blank, the current user's photos are selected.

Some users have their photos hidden no matter what permissions you ask for, so you may be faced with a brick wall.

This is based on the Friend Selector plugin created by These Days. Their plugin can be found on GitHub.

The friend selector is a more complete plugin right now. While this photo selection plugin is based on theirs, it has yet to tap into the following areas:

Multiple photo selections
Photo/album exclusion
Searching
Pagination for photo page

Choose from Photos

Browse your albums until you find a picture you want to use

Select an album

Select a new photo

0 / 0 photos selected

Back to albums

Previous Next

Page 1 / 1

OK Cancel

Please respect your users and adhere to the Facebook Platform Policies when using this plugin.