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.
Comments
0 comments
Article is closed for comments.