Home / Premium Pro Plugins / jQuery Facebook Gallery

jQuery Facebook Gallery

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)



Help requests through feedback will probably be referred to the “Assist & Help Discussion board” particularly created for this merchandise. For those who haven’t carried out so already, please create a person account first. Earlier than having the ability to put up in any of the boards, you’ll be required to offer your license code for this merchandise in an effort to achieve entry.

Necessary Info

As of Could 2015, Fb is retiring its API 1.x, which this script relied on in an effort to pull album/picture info from Fb without having an entry token to take action. With API v2.x, an entry token is now required for ALL Fb profiles, together with profiles for companies or organizations, that didn’t require tokens earlier than.

Because of this, this script now additionally requires a Fb APP and the following entry token in an effort to retrieve any knowledge from Fb.

You may assign the entry token to the script by utilizing the next parameter, when initializing:

facebookToken: 'your_facebook_token',

In case you have issues with making a Fb APP and token, the tutorials on the next pages have confirmed to be useful for others:

Create APP and Customary Token
Convert Customary Token into Prolonged Token


The jQuery Fb Gallery script permits you to present all of your Fb albums (photographs) in your web site. Please notice that this script will solely work with Fb pages that belong to companies or group or pages which can be registered as fan pages. It should NOT work with private Fb profiles or group pages. Additionally, please ensure that the Fb web page you need to use has no lively age restrictions since these restrictions require authentication and entry tokens for every person. This script is a pure javascript/jQuery answer and doesn’t require a PHP server.

That is the standalone model of the “jQuery Fb Gallery” script. In case you are in search of the WordPress model, please click on right here.

For those who like this script, please take the time to price it. Thanks!


This script comes with 180+ completely different settings and permits you to use it simply the way in which you need it to be. It’s extremely versatile and to make issues simpler, it comes with a simple to make use of Code Generator that may enable you to take advantage of out its prospects.

You may both pull all albums (however exclude those you don’t need), predefine the albums you need to be proven or present one single album immediately. You too can outline what number of albums in complete you need to present to your guests.

Mounted or Responsive Structure

The script permits you to create your gallery with a static format (fastened width) or make it (fluid width) to the display screen dimensions.

Pagination Characteristic:

You should utilize good pagination (the place the script will decide the variety of objects per web page based mostly on the obtainable display screen measurement), manually set the variety of thumbnails per web page, set variety of complete pages or use no pagination in any respect.

Infinite Scroll Characteristic:

For those who don’t need to paginate your gallery, but in addition don’t need to present all thumbnail directly, why not use the included “Infinite Scroll” Characteristic …

You may have the script robotically decide the variety of objects to load for every Infinite Scroll occasion (based mostly on obtainable display screen measurement) or set the quantity manually.

LazyLoad Characteristic:

You should utilize a LazyLoad Characteristic for all thumbnails the place the pictures will solely be loaded when they’re truly in browser view.

Lightbox Characteristic:

The script is pre-programmed for 4 elective lightbox plugins (fancyBox, colorBox, prettyPhoto and PhotoBox), that are included within the obtain package deal to your comfort. However by focusing on customized class names, you possibly can use different lightboxes as effectively.

Tooltip Characteristic:

The script can also be pre-programmed for the superior qTip2 Tooltip plugin (included in obtain package deal), which can be utilized to point out info corresponding to album names or picture descriptions. In fact, by focusing on a customized class title of your selecting, you possibly can use different tooltip options as effectively. However the qTip2 plugin already comes with a number of designs and positioning choices, so try to be good to go.

Social Share Characteristic:

The script offers you with the choice to point out social share buttons for Fb, Twitter, Google+ and StumbleUpon. These buttons can both be proven under the thumbnails or contained in the thumbnail whereas hovering. You too can choose whether or not you need the share hyperlinks to open in a brand new tab/window or as a easy popup.

Translation Prepared:

The script permits you to translate all textual content components your guests will get to see by utilizing offered settings parameters. The (included) superior Code Generator will make that as simple as attainable for you.

Album Info

For every album, the script can pull all related info, corresponding to names, descriptions, variety of likes and present feedback and supply these info to your viewers.

Different Options

  • Exclude particular person photographs from being proven
  • Mechanically embody or exclude the Timeline album
  • Non-compulsory two-directional (asc. / desc.) album sorting characteristic (title / variety of photographs / date album created / date album final up to date)
  • Sensible filter choice to filter albums and photographs by age teams
  • Search Characteristic to seek for albums by key phrases
  • Set preliminary sorting course and sorting standards
  • Will be embedded through iFrame with computerized peak adjustment for iFrame; all lightboxes will open full-screen in mum or dad doc (nonetheless requires all information to be on the identical area)
  • Choice for floating management bar that follows the person whereas scrolling by means of the album choice
  • Choice to point out dates in “from now” format (i.e. “2 days in the past”) as an alternative of normal date format
  • Non-compulsory logs (in console) for higher debugging (i.e. variety of albums or photes retrieved, error codes, and many others.)
  • No want for PHP until inside picture scaler is utilized; two exterior (net based mostly) picture scaling providers could be utilized as effectively; by default the script will use CSS3 scaling
  • No requirement for making a Fb App through your Fb Profile

Code Generator

Click on right here to check the Code Generator.

Earlier than Buy

This script requires you to load extra JS and CSS information to your web site, in addition to including some customized HTML and JavaScript strains to your web page code. Whereas the JS and CSS information could be hosted exterior of your web site, the JavaScript strains which can be essential to initialize the gallery and the HTML line which defines the place in your web page the gallery will probably be proven should be a part of your web site. Please make sure that your internet hosting service and/or WebDesign service permits you to take action. Some on-line webdesign providers are very restrictive with the type of exterior content material you’re allowed so as to add to your web site, so please examine together with your service supplier earlier than shopping for.

Different Notes

Please remember that any future progress to the script would possibly require PHP capabilities for authentication and the creation of a Fb Apps, relying upon adjustments Fb is making to its Graph/API programs. Due to this fact, earlier than you buy, please ensure that your system features a PHP server and that you’ll be able to create a Fb App for any crucial “App ID’s” and “Secret Keys” in an effort to hold the script working after future updates.


Flag Counter


02/22/2014 - Replace
  • Mounted error the place photographs per album are restricted to 100 as a result of adjustments in Fb API
  • Mounted error the place albums are restricted to 100 as a result of adjustments in Fb API
  • Added choice to specifiy extra gutter width between Isotope columns
  • Added Progress Replace / Standing Animation (helpful for big albums)
  • Added choice to disable “Autoscroll To Prime” when paging, sorting or filtering
  • Added choice to point out Fb Like Button for Photograph in Lightbox
  • Added choice to set the wait time between every Graph Request
  • Different CSS and JS enhancements
12/07/2013 - Replace
  • Added Infinite Scroll Characteristic if no pagination is utilized
  • Added choice to make use of CSS3 background picture scaling as an alternative of exterior or PHP based mostly scaling providers (IE9+, Firefox, Opera, Chrome, and Safari)
  • Added choice to manually present Entry Token for personal/restricted profiles
  • Added 4th Lightbox Choice (photoBox)
  • Added choices to shorten share URL for Album and Photograph URLs
  • Added choice to point out present feedback for every album
  • Added choice to point out social share buttons as overlay in thumbnail as an alternative of just under the thubmnail
  • Added choice to point out social share buttons in lightbox (provided that not embedded through iFrame)
  • Added choice to open social share home windows both as popup or new tab/window
  • Added StumbleUpon as extra share button
  • Added customized textual content for Twitter share
  • Added type Albums by order by which pre-defined Album ID’s have been offered
  • Some CSS enhancements and fixes
  • Different JS improvments
09/11/2013 - Replace
  • Launched Code Generator to robotically construct required HTML and JS Code to load and initialize the gallery
08/24/2013 - Replace
  • Added choice to toggle Album Info Part and present or disguise Part as default
  • Added 2nd Cloud based mostly Picture Scaling Service to create Thumbnails
  • Added choice to disable Computerized iFrame Detection and Peak Adjustment if gallery is embedded with cross-domain iFrames (not really useful to embed this , however generally there aren’t any options)
  • Added choice to assign customized Class Identify to all objects that may be opened through Lightbox (in case you need to use a special Lightbox answer than those included; can be utilized to focus on these Courses particularly)
  • Added choice to assign customized Class Identify to all objects that embody Tooltip Content material (in case you need to use a special Tooltip answer than the one included; can be utilized to focus on these Courses particularly)
  • Mounted occasional error the place Sensible Pagination doesn’t accurately calculate Numer of Objects per Web page
  • Mounted error the place the hyperlink to the complete measurement picture (disk icon) doesn’t at all times use the right hyperlink
  • Different minor JS and CSS enhancements
  • Up to date inside third Get together Extension to latest variations
  • Up to date Hyperlink to new Guide
07/18/2013 - Replace
  • Added choice to cover search bar
  • Different minor JS and CSS enhancements
  • Up to date Guide and new Assist & Help Discussion board
06/12/2013 - Replace
  • Added choice to robotically shorten album names to stop line breaks
  • Added choice to point out album title both above or under thumbnail
  • Mounted error the place floating management bar couldn’t be turned off
06/02/2013 - Replace
  • Added pagination characteristic (set variety of objects per web page, variety of pages, use computerized pagination or disable pagination)
  • Added lazy-load characteristic for all album and picture thumbnails
  • Added search and filter characteristic for albums
  • Added Choice to match album thumbnail look with picture thumbnail look
  • Floating Management Bar now obtainable for album and picture thumbnails
  • Different JS and CSS enhancements
05/09/2013 - Replace
  • Added choice to pre-define preliminary sorting course (asc./desc.) and sorting standards (title, quantity objects, date created, date up to date)
  • Added elective second again button under album element view for albums with many footage
05/06/2013 - Replace
  • Mounted error the place controlbar reappears after first album name even when it’s set to be disabled
  • Some CSS enhancements
05/02/2013 - Replace
  • Modified from Fb Javascript API to direct Fb Graph requests through JSON to (hopefully) keep away from future “Entry Token” requests
  • Added third lightbox (prettyPhoto)
  • Made script absolutely useful when embedded through iFrame (script will detect iFrame and regulate peak accordingly; lightboxes open full display screen in mum or dad component
  • Choice for floating management bar that follows the person whereas scrolling by means of the album choice
  • Choice to point out dates in “from now” format (i.e. “2 days in the past”) as an alternative of normal date format
  • Expanded inside logging characteristic (console) to offer extra info for higher debugging
  • Up to date all utilized plugins (isotope, tooltip, lightboxes, and many others.) to their latest variations and adjusted script the place crucial
  • Different minor enhancements and velocity enhancements
04/08/2013 - Replace
  • Added choice to predefine album ID’s in order that solely these albums will probably be proven
  • Different minor enhancements
03/15/2013 - Replace
  • Mounted error the place script sometimes doesn’t load all photographs in album (as much as specified restrict in settings)
  • Added extra sorting standards and numbering choice for albums and pictures for higher debugging (guide will probably be up to date accordingly)
  • Different minor enhancements
02/18/2013 - Replace
  • Added inside examine for empty Fb albums or albums with undefined content material that might in any other case break the script
02/11/2013 - Replace
  • Added elective social share characteristic for Fb, Twitter and Google+
  • Added second elective lightbox (fancyBox)
  • Different minor bugfixes and enhancements
01/27/2013 - Preliminary Launch


Check Also


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...


Instadraw – Android Drawing App Template

DOWNLOAD Instadraw – Android Drawing App Template This app has fantastically crafted easy & minimalist ...