simple JavaScript image fader

imageFader.js

var bgImgs = [
    '/images/foo.png'
  , '/images/bar.png'
  , '/images/foobar.png'
];

$(function () {
  if (bgImgs.length > 1) {
    var bgImage = $('#bgImage')
      , index = 0
      , interval = 5000
      , slideshow = $('#slider');

    setInterval(function () {
      slideshow.css('background-image', 'url(' + bgImage.attr('src') + ')');
      bgImage.fadeOut(function () {
        index = index < bgImgs.length - 1 ? index + 1 : 0;
        bgImage.attr('src', bgImgs[index]);
        bgImage.fadeIn('slow');
      });
    }, interval);
  }
});

index.html

<div id='slider'>
  <img id='bgImage' src='/images/foo.png' />
</div>