Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

jQuery Google+/Picasa Gallery

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

jQuery Google+/Picasa Gallery - CodeCanyon Item for Sale


Ad: Bluehost hosting


NEED VISITOUR HELP CENTER Support requests via comments will be referred to the “Help & Support Forum” specifically created for this item. If you haven’t done so already, please create a user account first. Before being able to post in any of the forums, you will be required to provide your license code for this item in order to gain access.


The jQuery Google+/Picasa Gallery script allows you to show all your Google+/Picasa albums (images) on your website. Please note that this script will only work with albums that are set to public and visible. This script is a pure javascript/jQuery solution and does not require a PHP server.

If you like this script, please take the time to rate it. Thank you!


  • 160+ different settings to enable or disable included features
  • Either pull all albums (but exclude the ones you don’t want), predefine the albums you want to be shown or show one single album directly
  • Pagination Feature (smart pagination, set number of thumbnails per page, set number of pages or no pagination)
  • LazyLoad Feature for thumbnails (will only load images when thumbnails are in view)
  • Social share feature for Facebook, Twitter and Google+
  • Includes a tool-tip plugin (qTip2) with several design options; although it is possible to use your own tool-tip solution
  • Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions
  • Exclude individual images from being shown
  • Automatically include or exclude the Profile album and so called “Buzz” albums
  • Possible to translate it into any other language by using provided setting parameters
  • Select between a responsive (fluid width) or static layout (fixed width)
  • Optional two-directional (asc. / desc.) album sorting feature (name / number of images / date album created / date album last updated)
  • Smart filter option to filter albums and photos by age groups
  • Search Feature to search for albums by keywords
  • Set initial sorting direction and sorting criteria
  • Can be embedded via iFrame with automatic height adjustment for iFrame; all lightboxes will open full-screen in parent document (still requires all files to be on the same domain)
  • Option for floating control bar that follows the user while scrolling through the album selection
  • Option to show dates in “from now” format (i.e. “2 days ago”) instead of standard date format
  • Optional logs (in console) for better debugging (i.e. number of albums or photes retrieved, error codes, etc.)
  • No need for PHP unless internal image scaler is utilized; an external (web based) image scaling service is utilized by default

Code Generator

With many setdngs the script provides, can confusing get all the parameters right. why there interactive Code Generator available, which will generate the required code for you, based selections you made.

Click here to test the Code Generator.

ftace fis Bit folloiivi Gallery Defaults User Generate Code Ptfaulft These settings will define the overall Layout your Gallery, You can further the design using the additional tabs. DIV for Please enter the the DIV that will hold the Gallery Responsive Static Gallery Defaults General Settings Pagination Settings Album Thumbnails Photo Thumbnails Tooltip Settings Sorting Settings Filter Settings Translation Settings User Please enter your User This field required

The generated code will only include the settings that are different from their default values. the custom settings equal their default values they will omitted. Load jQuery not already included type.6. Load Files for Fancybox Plugin check and adjust Path Names type type type type type Load Files for Tooltip Plugin check and adjust Path Names type Load Files for Metafizzy Isotope Plugin check and adjust Path Names type Load Files for Gallery Plugin check and adjust Path Names type type Put this DIV where you want the Gallery appear your Website This Code will initialize the Gallery with your Settings also inserted HEAD type 90, 10. 11. 12. 13. 14. 15. 16. 17. 16. 19. 20. 21. 22. 23. 24. 25. 26. 27. 26. 33, 34, 35, 36. 37, 36. 40. 41. 42.

Before Purchase

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website. Please ensure that your hosting service and/or WebDesign service allows you to do so. Some online webdesign services are very restrictive with the kind of external content you are allowed to add to your website, so please check with your service provider before buying.


IIi1 tAi III.p. hLIFIIIi. wuJ4fl P.3 EJSIfl 4i..P. iCIILiiiI


10/16/2013 - Update
  • Added option to define the image resolution for the images used in the lightbox
  • Fixed share links for Albums
  • Replaced sample Google User ID since prior ID is not available anymore
09/30/2013 - Update
  • Released Code Generator to automatically build required HTML and JS Code to load and initialize the gallery
08/24/2013 - Update
  • Added option to toggle Album Information Section and show or hide Section as default
  • Added 2nd Cloud based Image Scaling Service to create Thumbnails
  • Added option to disable Automatic iFrame Detection and Height Adjustment if gallery is embedded with cross-domain iFrames (not recommended to embed this way, but sometimes there are no alternatives)
  • Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)
  • Added option to assign custom Class Name to all items that include Tooltip Content (in case you want to use a different Tooltip solution than the one included; can be used to target these Classes specifically)
  • Fixed occasional error where Smart Pagination doesn’t correctly calculate Numer of Items per Page
  • Other minor JS and CSS improvements
  • Updated internal 3rd Party Extension to newest versions
  • Updated Link to new Manual
07/18/2013 - Update
  • Added option to hide search bar
  • Other minor JS and CSS improvements
  • Updated Manual and new Help & Support Forum
06/12/2013 - Update
  • Added option to automatically shorten album names to prevent line breaks
  • Added option to show album name either above or below thumbnail
  • Fixed error where floating control bar couldn’t be turned off
06/05/2013 - Initial Release

    Other components in this categoryAll components of this author
    CommentsFrequently asked questions and answers


    7 June 13

    Last Update:
    17 October 13

    High Resolution:

    Compatible Browsers:
    IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

    Files Included:
    JavaScript JS, HTML, CSS, PHP

    Software Version:


    eCommerce, All Items, albums, api, gallery, google, images, jquery, lightbox, picasa, plus, responsive, settings, sort, static, tooltips