jQuery Plugin To Display Photos From Your Facebook Album - Facebook Photos

File Size: 2.94KB
Views Total: 17847
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Display Photos From Your Facebook Album - Facebook Photos

Facebook Photos is a simple jQuery plugin that fetches photos from any facebook user's album and displays them in your website as a photo widget. No access token required.

Basic Usage:

1. Create a container for the facebook photos widget.

<div id="facebook-widget"></div>

2. Load the jQuery library and jQuery facebook photos plugin at the bottom of your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="fb-photos.js"></script> 

3. Copy an album's URL and paste it in the javascript.

<script>
$(document).ready(function(){
$("#facebook-widget").facebookAlbumPhotos({
'albumURL': 'http://www.facebook.com/photo.php?fbid=560582273996944&set=a.517015865020252.1073741826.428802613841578',
});
});
</script>

4. Available options to customize the widget.

<script>
$(document).ready(function(){
$("#slideshow a").facebookAlbumPhotos({
'albumURL': 'https://www.facebook.com/media/set/?set=a.451566814872131.116852.266818906680257',
'limit': 10, // limit to the last X photos
'CSS': '', // CSS styles to apply to every image
'imgSize': 'original' // original, huge, x-large, large, medium, small, x-small
});
});
</script>

This awesome jQuery plugin is developed by chris-79. For more Advanced Usages, please check the demo page or visit the official website.