いくつかのＡＳＰさんから、東北アフィリエイターネットワークでキャンペーン紹介してほしいとお話をいただいた。声をかけていただけるようになったことはすごいと思うし、しばらくサイトのメンテナンスもしていなかったので、これを機会にサイト中央にキャンペーンなどの紹介コーナーを設けた。
ただ、いかんせんデザインに制約があるため、バナーはローテーション表示させるしかない状況。
幸い、XOOPSにはバナーローテーションできる仕組みが標準にあるので、簡単な話だとヒョイヒョイと設定して終わりだと思っていた。
ところが、１つのＡＳＰさんからローテーションしてないと指摘され、よく見てみたらたしかにローテーションしていない。
考えてみたらそりゃそうだよ。
トップページの表示を速くするため、強制的に静的なHTMLページを作り出しているから、バナーローテーションするのはページを再作成する１時間ごと。それをローテーションしていると言っていいものかどうか。
FLASHなどを使えばキレイにバナーローテーションするのだろうが、あいにくそのようなスキルは持ち合わせていない。
ということで、少しネット探索して見つけたJavaScriptでのやり方を、JavaScriptをヘッダーに書くのではなく外部ファイルにする方法で試してみることにした。
参考にさせていただいたのはこちらのサイト。
バナーのローテーション表示を JavaScript で！
普通こういうローテーションを考えるとき、JavaScriptの中に表示させるバナーなども書いておいて、それをランダムや順番に表示させるのですが、このやり方は逆転の発想で、全部表示させてからJavaScriptで消すという方法になっていたのでちょっと面白い。
もし、JavaScriptをオフにされていても、ローテーションするバナーが全部表示されるだけなので、デザインとしては崩れるかもしれないが、何も表示されないよりはいいんじゃないかなぁ。
わたしとしては、こういう発想は好きです。
テキストも一緒にローテーションできるので、一瞬バナー全部が表示されてしまうことに目をつぶれば、これほど簡単で間違いない方法はないと思う。
同じカテゴリの記事
- トップページにキャンペーン紹介を作りました
- D3Pipesテンプレートの備忘録
- 東北アフィネットの備忘録です
- 東北AM研究会ブログの備忘録
- CSS NITE ビギナーズへ参加してきた
- おかげさまでGoogleページランクが３です
- ついに東北のサーバーを移転しました
- フィード取得をxhldからD3Pipesへ変更
- スパムコメントやスパムトラックバックの扱い
- 第７回リンクシェア大見本市の日程
Comment feed