Feed Billboard

The feed billboard lets you put together a list of feeds, and have the widget rotate through them. It uses the Feed API to get access to the feeds in a normalized fashion.

The billboard is built to fully degrade on browsers that are not running JavaScript. The magic revolves around using a special class and options to a normal <ul>. The options for the ul class are:

<ul class="feedbillboard numberofentries:5 access:randomly timeinterval:10">

numberofentries: The number of rotations before it stops
access: Go through the items in serial, or randomly
timeinterval: How many seconds in between flipping

Here is the simplest feedbillboard example.

<ul class="feedbillboard">
      <li><a href="http://code.google.com/">Google Code</a> (<a href="http://code.google.com/feeds/updates.xml">RSS</a>)</li>
      <li><a href="http://ajaxian.com/">Ajaxian</a> (<a href="http://ajaxian.com/feed">RSS</a>)</li>
      <li><a href="http://almaer.com/blog">techno.blog(Dion)</a> (<a href="http://almaer.com/blog/index.xml">RSS</a>)</li>
</ul>

This is the same example but it uses a random access to the feed entries, change the number of entries, and change the time interval.

<ul class="feedbillboard numberofentries:4 access:randomly timeinterval:4">
      <li><a href="http://code.google.com/">Google Code</a> (<a href="http://code.google.com/feeds/updates.xml">RSS</a>)</li>
      <li><a href="http://ajaxian.com/">Ajaxian</a> (<a href="http://ajaxian.com/feed">RSS</a>)</li>
      <li><a href="http://almaer.com/blog">techno.blog(Dion)</a> (<a href="http://almaer.com/blog/index.xml">RSS</a>)</li>
</ul>