銀閣寺庭園

背景をフェードイン・アウトで切り替える・改良版

背景をフェードイン・アウトで切り替えるjQueryコードの改良版を作りました。

前回のは、背景の数だけ<div>要素を作成し、それぞれに背景を設定して、表示を切り替えていました。

また、CSSでの設定も必要でした。

今回のは背景のために<div>を作成するのは、2つだけです。消え行く背景と新しく表示する背景の2つです。表示させる背景の数はいくつでもかまいません。

また、CSSの設定もJSのほうでやってます。スタイルシートで必要なのは、背景を表示するための領域を確保するだけです。

このコードは、rewishさんのjQuery.BgSwitcherを参考にさせてもらいました。

Githubにおいてます。→ BilliesBkchangeV2