JavaScript でバナーをクロスフェード表示

以前、「div要素をクロスフェード表示する JavaScript」 として紹介した 「Javascript / CSS Crossfader」 を実際に当サイトで使用したので、ひとつの使用例として公開したいと思います。 といっても普通に使っているだけで特に変わったことをやっているわけではないのですが、前回紹介した際に div 要素をクロスフェードすると書いたので div 要素専用っぽい説明になっていましたが、実際は div 要素以外でも使用することができるので、その辺も合わせて説明を。 実際に使用しているものは、サイドメニュー部分に設置してありますのでそちらを参考に。では実際の使用方法です。 2007/12/14 追記 サイトリニューアルでサンプルとなるバナーは撤去してしまいました。 まずは JavaScript ファイルをダウンロードして、文書に読み込んでおきましょう。 <script

[miya1972]

フェードイン、フェードアウト

[hibiki443]

クロスフェード

[banzan]

画像ではなくドキュメントブロックを入れ替えることが出来る。

[aquila2005]

ローテーションバナーをフェードさせるスクリプト

[nkoichiro]

"id 属性を付けたら下記のように JavaScript を書いてあげます。場所はバナーの (X)HTML より後で。"

[aki77]

クロスフェード

[version510]

JavaScriptを用いてバナーを順にクロスフェード表示させる

[nshash]

ヴィジュアルデザインにワンポイント

[leva]

ヴィジュアルデザインにワンポイント

[mura24]

どっかで使いたいね

[kaeru333]

これがしたい♪　JavaScriptの埋め込み方だけでも覚えなきゃ

[wakatakahawks]

バナーのランダム表示に良いかも。ぱらぱら漫画をアニメーション風に見せたり似非フラッシュみたいに使ったり色々使えそう♪