Skip to content

Instantly share code, notes, and snippets.

@lwiechec
Created December 4, 2012 14:12
Show Gist options
  • Save lwiechec/4204311 to your computer and use it in GitHub Desktop.
Save lwiechec/4204311 to your computer and use it in GitHub Desktop.
Simple slideshow of RSS feed (this one using FFFOUND photo blog)
<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Slideshow</title>
<!-- Scripts for the slideshow -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
type="text/javascript"></script>
<style type="text/css">
#picasaSlideshow {
width: 600px;
height: 800px;
margin-bottom: 40px;
padding: 5px;
}
</style>
<script type="text/javascript">
/*
* How to make a slideshow with a photo feed using our custom control.
* To see the options, go here or click the docs link in the titlebar:
* http://www.google.com/uds/solutions/slideshow/index.html
*/
google.load("feeds", "1");
function OnLoad() {
var feed = "http://feeds.feedburner.com/ffffound/everyone";
var options = {
numResults:200,
displayTime:2000,
transistionTime:600,
scaleImages:false,
thumbnailTag: "content",
fullControlPanel : true
};
var ss = new GFslideShow(feed, "picasaSlideshow", options);
}
google.setOnLoadCallback(OnLoad);
</script>
</head>
<body style="font-family: Arial, sans-serif;border: 0 none;">
<div id="picasaSlideshow" class="gslideshow"><div class="feed-loading">Loading...</div></div>
</body>
</html>​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment