フェードするもののようにbgをスムーズに変更したい

Question

私はバックグラウンド画像のアニメーションをどのようにアニメーション化するかを理解するのに何時間も費やしてきましたが、解決策が見つかりません。私は、ウェブ開発に新しいですので、過酷なことがいけないしてください。ここで）

が、私は他の誰かからもらったいくつかのサンプルコードです：

var images = ['bg1.jpg', 'bg2.jpg', 'bg3.jpg']; 
var curImage = 0; 
function switchImage() 
{ 
curImage = (curImage + 1) % images.length 
document.body.style.backgroundImage = 'url(images/' + images[curImage] + ')' 
} 
window.setInterval(switchImage, 5000); 

このコードは、即座に背景画像を変更しますが、私は新しい背景画像が欲しいですフェードインするには、ここ

は私が作成していますページへのリンクです：。

私は誰かがHELことを願って

http://preferredmerchantservices.net/

P私、そして事前に感謝します。

Answer 1

あなた自身を理解しようとするのに時間が掛からないようにするには、jQueryなどのライブラリを使用する必要があります。それはちょうどfadeIn()と​​の問題です。

あなたはWeb開発の初心者であるため、jQueryは、ほとんど誰もが今日使用している本当に人気のあるライブラリです。それはより少ないコードを書くことができ、より多くのことを可能にします。

しかし、最も重要なことは、ブラウザ間の互換性を保証することです。

Answer 2

この質問を見てみましょう：あなたはjQueryのライブラリが必要な場合は

http://jqueryfordesigners.com/image-loading/

：ここ

Fading in a background image

はjQueryを使ってフェードトランジションを行う方法を説明したリンクですこのコードをページに貼り付けることができます：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>