Fork me on GitHub

jQuery googleslides

A jQuery plugin to display your Google Photos.

 Download Now  Browse Source

Demos

Usage:

$("#demo1").googleslides({
   userid:'115528839112598673902', 
   albumid:'5710317752556741025'
});

Usage:

$("#demo2").googleslides( { 
  userid:'115528839112598673902', 
  albumid:'5710326335933432353', 
  time:2000, 
  imgmax:260
});

Usage:

$("#demo3").googleslides({
  userid:'115528839112598673902', 
  albumid:'5710326910876169537',
  imgmax:100,
  fadespeed:500,
  time:8000,
  caption:false
});

Setup

  1. Add a reference to jquery.googleslides.css and jquery.googleslides.js:
    <link href="src/jquery.googleslides.css" rel="stylesheet" type="text/css" /> 
    <script src="src/jquery.googleslides.js" type="text/javascript"></script>
    
  2. Add a container div <div id='slides'></div> element to your body.
  3. Start the slides:
    $('#slides').googleslides({userid:'115528839112598673902', albumid:'5710317752556741025'});
    

Finding your userid and albumid

To find your user and albumid, you should open the album directly from the Google+ or Picasa page. When the album comes up you will see the user and albumid in Url. Any album you want to display with this plugin must be marked for 'Public' sharing from Google.

Options

Property Default Description
userid '115528839112598673902' The Google user ID
albumid '5710317752556741025' The Google album ID. This album should be set to 'Public' visibility. 'Limited' visibility is supported only if an authkey option value is specified.
imgmax 460 Max size, in pixels, of the photos. (Note: A value of 100 will produce square sized thumbnails.)
maxresults 100 Max number of photos to show from the album.
random true Randomize the order the photos are displayed in.
caption true Show the photo caption, if available.
albumlink true Link the photos to the Google album page.
time 5000 Time to show each photo before advancing (in milliseconds).
fadespeed 1000 Fade in/out speed (in milliseconds).
authkey If albumid is shared with 'Limited' visibility, you must provide your album authkey.

WordPress Plugin

There is a WordPress plugin available for jQuery googleslides. View the plugin page.

Scrolling library

Modern and the sweet smooth scroll library. Library github.

Licensed under The MIT License

Release History