Thursday, May 17th, 2007

AJAX Feed API: Blogroll and Slideshow Controls

Category: Ajax, Component, Google, JavaScript, Library

<>p>

We have discussed the Google AJAX Feed API when it launched. It offers Ajax developers the ability to access any public feed through a unified API, bypassing any domain issues in a secure way.

The team has started to build useful widgets on top of their own API, and show you just the beginnings of what is possible.

Slide Show Control

The AJAX Feed API Slide Show Control allows you to create a photo slideshow from any feed that supports media RSS, such as PhotoBucket, Flickr, or Picasa Web Albums.

You can add a slideshow as a one liner:

javascript
< view plain text >
  1. var ss = new GFslideShow(feedurl, "slideshow-div", options);

and can tweak various attributes via the options (e.g. transition times, controller feel, thumbnails, and more).

FeedControl / Blog Roll

The AJAX Feed API FeedControl widget allows you to add a blog roll by setting up your feeds:

javascript
< view plain text >
  1. var feedControl = new google.feeds.FeedControl();
  2. feedControl.addFeed("http://www.digg.com/rss/index.xml", "Digg");
  3. feedControl.addFeed("http://feeds.feedburner.com/Techcrunch", "TechCrunch");
  4. feedControl.addFeed("http://ajaxian.com/index.xml", "Ajaxian");
  5. feedControl.draw(document.getElementById("feedControl"));

You can tweak the look, enabling you to create a tabbed component, a sidebar style, or more.

You can see these in action on the AJAX Feed API Playground blog.

Posted by Dion Almaer at 11:38 am
Comment here

++++-
4 rating from 51 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.