背景画像 切り替え フェードイン フェードアウト

http://srobbin.com/blog/jquery-plugins/jquery-backstretch/
まずダウンロードして、サンプルを見るのがオススメ。おしゃれ。

使い方はHTMLにて
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.backstretch.min.js"></script>
<script type="text/javascript">
  $.backstretch("bg.png", {centeredY: false});
</script>