1

背景画像の遷移をアニメーション化する方法を見つけようと何日も費やしましたが、解決策が見つかりません。私は Web 開発が初めてなので、厳しくしないでください ;)

他の人から入手したコードの例を次に示します。

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);

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

私が作成しているページへのリンクは次のとおりです。

http://preferredmerchantservices.net/

誰かが私を助けてくれることを願っています。

4

2 に答える 2

1

この質問を見てください：

背景画像のフェード

jQueryでフェードトランジションを実行する方法を説明するリンクは次のとおりです。

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

jQueryライブラリが必要な場合は、次のコードをページに貼り付けることができます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
于 2011-09-12T15:59:47.857 に答える
0

自分自身を理解しようとして時間を無駄にしたくない場合は、jQueryなどのライブラリを使用する必要があります。それで、それはただの問題ですfadeIn()とfadeOut().

あなたは Web 開発の初心者なので、jQuery が最近ほとんどの人が使用している非常に人気のあるライブラリであることを知っておく必要があります。より少ないコードを記述して、より多くのことを行うことができます。

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

于 2011-09-12T15:52:17.597 に答える