Google Plus Photo And Youtube Video Gallery Plugin with jQuery

Google Plus Photo And Youtube Video Gallery Plugin with jQuery
File Size: 51.5 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

An easy-to-use jQuery plugin used to display your Google Plus photos or Youtube videos in a fully loaded, responsive content gallery.

See also:

How to use it:

1. Load jQuery library and the exceptioPhotoGallery.js script in the document.

<script src="//"></script>	
<script src="exceptioGoogleGallery.js"></script>	

2. Create an empty container to place the Google Plus photo gallery.

<div class="test"></div>

3. Call the plugin on the container you just created and insert your Google Plus user ID.


'galleryUserId' : 'Your Google ID'


4. Available options to customize your Google Plus photo gallery.


// youtube or photo  
type : 'photo', 

// gallery width
galleryWidth : '100%', 

// if you wish to add additional class in wrapper
wrapClass : null, 

// shows message if no content found
emptyMessage : 'No Content Found', 

// album/youtube title to hide eg. ["x","y","z"]
hideContent : [], 

// your google id
galleryUserId : 'your google id', 

// google console api key
galleryUserApiKey : '', 

photoCommentsCSS : {'margin':'0 auto','width':'60%','text-align':'left'},
photoViewMainDivNextText : 'Next',
photoViewMainDivNextClass : '',
photoViewMainDivPrevText : 'Prev',
photoViewMainDivPrevClass : '',

// root gallery text
albumRootText: 'Exceptio Google Gallery', 

// album breadcrumb css
albumBreadcrumbCSS: {},

// album breadcrumb arrow
albumBreadcrumbArrow: '<span> &lt;= </span>', 

// album breadcrumb span css
albumBreadcrumbSpanCSS: {'color':'#000','cursor':'pointer'}, 

albumTitleCSS: '',

// album background color
backgroundAlbum: 'rgb(0,0,0)',

// album hover background color
backgroundAlbumHover: 'rgba(0,0,0,0.9)', 

// gallery background color
backgroundGallery: 'rgb(0,0,0)', 

// item popup background color
backgroundPopup: 'rgba(0,0,0,0.6)', 

// photo preview close text
photoPreviewCloseText : 'Close&nbsp;&nbsp;&nbsp;',

// you can define number of album load in first place
hideMoreThen : 0, 
hideMoreThenBack : 0,

// you can define imagepath with name
loadingImage : 'loader.gif', 

// text for load more options
loadMoreText : 'Load More..', 

//text for load less options
loadLessText : 'Load Less..', 

// css for load more options
loadMoreCSS : {'cursor':'pointer'}, 

// exec before Gallery Show
onGalleryEnter : function(){}, 

//exec after Photo Show
onGalleryPhoto : function(){} 




  • Added hide content option


  • fix window resize albums are duplicated


  • fix youtube for firefox


  • height fix for youtube


  • changed channelId to playlistId


  • small fix


  • load more fix


  • small fix


  • fix thumb for youtube


  • Added breadcrumb, added new config in options
  • Added breadcrumb arrow customize options
  • Update exceptioGoogleGallery.min.js


  • Fix v-align for image


  • update


  • Fixed bugs.


  • Tweak styles.


  • fixed bugs

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