Simple JQuery Fade ticker

Question

I\'ve looked at multiple tickers and they are all far to weighted. I\'m after a very simple fadeIn() fadeOut() JQuery ticker for a list of elements to display titles.

Answer 1

Untested. This simply reschedules the fade out/in, which are chained together, on the next element after the current one completes.

function fadeTicker( $collection, $elem, interval )
{
     var $next = $collection.eq(($collection.index($elem) + 1) % $collection.length));
     $(elem).fadeOut( function() {
          $(next).fadeIn( function() {
               setTimeout( function() {
                       fadeTicker( $collection, $next, interval );
                   },
                   interval
               );
          });
     );
);

Used as:

$(function() {
    fadeTicker( $('li'), $('li:first'), 5000 );
}