Integrations: Video, Flickr and Picasa

Integrations are possible for full-browser video preview, Flickr and Picasa accounts albums.

Important: Set the page preset to Album at Page Styles > Presets > Album.

Video player

Photographos can play Youtube, Vimeo and Dailymotion videos in full page mode. Note that we have to publish our page in order to preview the videos.

Copy & paste this snippet into a Styled Text page and replace link with yours, coping from the respective uploader. 

<a href="https://vimeo.com/66491990"><span class="video"></span></a>

Options for the video are included in Photographos Slideshow Options, used in page inspector > header > javascript field.

More options can be added as need, following the list provided by each developer.

Youtube: https://developers.google.com/youtube/player_parameters
Vimeo: http://vimeo.com/api/docs/player#universal-params
Dailymotion: http://www.dailymotion.com/doc/api/player?fbc=726

Flickr

To pull images from Flickr:

1. copy the following snippet in page inspector > header > custom header:

<script type="text/javascript" src="http://archetypon.net/cdn/galleria/plugins/flickr/galleria.flickr.js"></script>

2. copy the trigger and options to page inspector > header > javascript, editing the Flickr set number:

Galleria.configure({
 autoplay: false,
 carousel: true,
 flickr: 'set: 72157629590138968',
 flickrOptions: {
 max: 15,
 description: true,
 },
 idleMode: false,
 imageCrop: 'landscape',
 initialTransition: 'fade', 
 pauseOnInteraction: true,
 show: 2,
 thumbnails: true,
 transition: 'slide',
 transitionSpeed: 1000,
});

Flickr Search Feature

You can set the Flickr Trigger to search for images replacing the flickr set line: 

Change:

flickr: 'set: 72157629585427888', 

To:

flickr: 'search: London',    

Be careful not to delete the commas and apostrophes.

Picasa

To pull images from Picasa:

1. copy the following snippet in page inspector > header > custom header:

<script type="text/javascript" src="http://archetypon.net/cdn/galleria/plugins/picasa/galleria.picasa.js"></script>

2. copy the trigger and options to page inspector > header > javascript, editing the Flickr set number:

Galleria.configure({
 autoplay: false,
 carousel: true,
 picasa: 'useralbum:105854334077672836947/Lumi',
 idleMode: false,
 imageCrop: true,
 initialTransition: 'fade', 
 pauseOnInteraction: true,
 show: 0,
 showInfo: true,
 thumbnails: true,
 transition: 'slide',
 transitionSpeed: 1000,
});

The following image shows how to retrieve the Picasa user album:

Examples of video, Flickr and Picasa integrations are included in the tutorial project.