Skip to content

Display photos from Facebook posts on your website using the Facebook Graph API

License

Notifications You must be signed in to change notification settings

cyberbonnie/FBPhotoAlbum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FBPhotoAlbum

Display photos from Facebook posts on your website using the Facebook Graph API.
This will display the photos in an image gallery and allow users to see the photos without needing to go to Facebook directly. Created for users of a website that don't have Facebook, but want to see daily photos posted by a business (e.g., a dog daycare).

Thumbnails View

Lightbox View

Customize for Your Site - You Will Need:

  1. Facebook Page ID - How to Find Facebook Page ID
  2. Page Access Token - can obtain one through the Facebook Graph API Explorer
  3. Total number of photos to fetch from Facebook
  4. Number of photos you want to display per page
  5. Color codes for your website theme - update the CSS with your colors

Add to Your Website

  • Paste the updated code from FBPhotoAlbum.html into a code block on your website (this was designed to be used with Squarespace)
  • If you want to use the individual files, use FBPhotoAlbumHTML.html with the styles.css and script.js files as needed.

To Do

  • Add controls for navigating between photos within the lightbox modal
  • Clean up code and divide into individual HTML, CSS, and JS files

About

Display photos from Facebook posts on your website using the Facebook Graph API

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published