Jan 29


Google has some really great tools and one of them is the Google AJAX Feed API. With just a few lines of javascript code you can mash up feeds. Here is an example of how you can smack together a really cool javascript slideshow from an Expono feed with just a few lines of code. Basically you only have to change the feed and the options variables in the code below.

Google AJAX Feed API slideshow using Expono’s Media RSS Feeds

Loading…

The Source Code for the above 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>
#slideShow {
  width : 500px;
  height : 375px;
  padding : 10px;
  font-size:16px;
  text-align:center;
}
</style>

<div id="slideShow">Loading...</div>

<script type="text/javascript">
  function LoadSlideShow() {
    var feed  = "http://www.expono.com/magnus/album/4743/rss";
    var options = {
    	displayTime:2000,
    	transistionTime:600,
    	scaleImages:true,
    	fullControlPanel : true,
    	fullControlPanelSmallIcons : true,
    	pauseOnHover : false
   	};
    var ss = new GFslideShow(feed, "slideShow", options);
  }
  /**
   * Use google.load() to load the AJAX Feeds API
   * Use google.setOnLoadCallback() to call LoadSlideShow once the page loads
   */
  google.load("feeds", "1");
  google.setOnLoadCallback(LoadSlideShow);
</script>

Click here to read more about Google Ajax Feed API

preload preload preload