少し強引なバナーローテーションの方法

いくつかのＡＳＰさんから、東北アフィリエイターネットワークでキャンペーン紹介してほしいとお話をいただいた。声をかけていただけるようになったことはすごいと思うし、しばらくサイトのメンテナンスもしていなかったので、これを機会にサイト中央にキャンペーンなどの紹介コーナーを設けた。

ただ、いかんせんデザインに制約があるため、バナーはローテーション表示させるしかない状況。
幸い、XOOPSにはバナーローテーションできる仕組みが標準にあるので、簡単な話だとヒョイヒョイと設定して終わりだと思っていた。

ところが、１つのＡＳＰさんからローテーションしてないと指摘され、よく見てみたらたしかにローテーションしていない。

考えてみたらそりゃそうだよ。
トップページの表示を速くするため、強制的に静的なHTMLページを作り出しているから、バナーローテーションするのはページを再作成する１時間ごと。それをローテーションしていると言っていいものかどうか。

FLASHなどを使えばキレイにバナーローテーションするのだろうが、あいにくそのようなスキルは持ち合わせていない。

ということで、少しネット探索して見つけたJavaScriptでのやり方を、JavaScriptをヘッダーに書くのではなく外部ファイルにする方法で試してみることにした。

参考にさせていただいたのはこちらのサイト。
バナーのローテーション表示を JavaScript で！

普通こういうローテーションを考えるとき、JavaScriptの中に表示させるバナーなども書いておいて、それをランダムや順番に表示させるのですが、このやり方は逆転の発想で、全部表示させてからJavaScriptで消すという方法になっていたのでちょっと面白い。

もし、JavaScriptをオフにされていても、ローテーションするバナーが全部表示されるだけなので、デザインとしては崩れるかもしれないが、何も表示されないよりはいいんじゃないかなぁ。

わたしとしては、こういう発想は好きです。

テキストも一緒にローテーションできるので、一瞬バナー全部が表示されてしまうことに目をつぶれば、これほど簡単で間違いない方法はないと思う。

同じカテゴリの記事

• スパムコメントやスパムトラックバックの扱い
• XOOPSの表示を表面的に改善する方法
• おかげさまでGoogleページランクが３です
• 東北AM研究会ブログの備忘録
• 東北６県なんでもリンク集はじめました
• サイトチューニング第一弾備忘録
• トップページにキャンペーン紹介を作りました
• 東北アフィネットの備忘録です
• D3Pipesテンプレートの備忘録
• 日曜日に開催したランチタイムミーティングの報告です