jquery - 体の背景画像を 5 秒ごとにフェードインおよびフェードアウトさせたいのですが、少なくとも 5 秒ごとに変更する必要はありません。

Question

同様の回答を見つけましたが、それを自分のウェブサイトに適応させることができませんでした。HTML、JavaScript、CSS は初めてなので、ご容赦ください。

背景を から に変更しbg0.jpgてbg1.jpgからbg2.jpgに戻したいbg0.jpg。

私はドリームウィーバーに取り組んでいます。

私のソース コードは jquery.js と imagefader.js にリンクしています。

style.css ファイルもソース コードにリンクされています。

css ファイルは本文の背景画像を適用します。

body {
  background-image:url(../images/backgrounds/bg0.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
}

私のimagefader.jsには次の内容があります：

(function() {
  var curImgId = 0;
  var numberOfImages = 3; // Change this to the number of background images
  window.setInterval(function() {
    $('body').css('background-image','url(/background' + curImgId + '.jpg)');
    curImgId = (curImgId + 1) % numberOfImages;
  }, 5 * 1000);
})();

問題は、bg1.jpg ではなく、5 秒後に bg0.jpg から白い背景に変わることです。

結果はここで見ることができます。 http://mrinalikamath.in

必要な結果が得られるようにファイルを変更するのを手伝ってください。