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

  • kaiandresen

    It works fine if I copy the above code, but exchanging that one feed with any of mine I only get “feed could not be loaded.”

  • kaiandresen

    I experimented. Think i got the url's wrong, I just picked up the album url from the browser, when comparing with the code I noticed the trailing s in albums was left out…

    http://www.expono.com/magnus/album/4743/rss // works
    http://www.expono.com/magnus/albums/4743/rss // from browser address bar, with /rss added – won't work

    annoying, and probably easy to fix serverside.

    What about my list of favorites? everybodys favorites? photos tagged light?

    Hehe, some is never going to stop craving more :o)

    Good work guys and girls, keep it comming!

  • Yea, I know, we need to add more RSS feeds. I think one of the most useful RSS feeds would be for from your friends or a particular group of contacts.

    Imagine having a Family RSS feed setup on a WiFi/RSS enabled digital photo frame 🙂

  • Pingback: Expono Photos in Your Wordpress Blog | expono()

  • dittaeva

    The embed option should use AJAX, not Flash. Think iPad and iPhone!

  • I agree. The flash embed is a legacy implementation. That is why I wrote the post about what one can do with google's ajax api. We will drop and replace the flash with pure HTML5/CSS/Javascript version in the future.

    One problem with the javascript implementation is that you cannot use it on as many places as a flash embed.

preload preload preload