Javascriptでバナーをクロスフェードさせる
こんな時間ですが、またもやデザインをいじりました。
今まではサイドバーの上部にブログのコンテンツへのリンクと説明を掲載していましたが、縦に長かったのでカットしました。
代わりにコンテンツを象徴するバナーを作り、Javascriptを使って数秒ごとにクロスフェードさせています。これで縦60ピクセルに5つのコンテンツへのリンクが収まりました。
おかげで以前より更新情報が上部に表示されているので、目的のページへ到達するスピードが上がるはずです。
今回利用した、要素をクロスフェードさせているスクリプトは「Javascript / CSS Crossfader」で配布されているものです。
実際に動作させるまでの手法についてはWWW WATCHさんの「JavaScript でバナーをクロスフェード表示」というエントリーや
to-Rさんの「クロスフェードを実装する為のCrossfader」にて詳しく解説されているので当ブログでは割愛させていただきます。
関連する記事
- デザインをプチリニューアル中
- Twitter の follow me バッジをつけてみた
- サイドメニューの折りたたみでJavaScriptエラーが発生するのを回避
- マセル・ネット解体新書
- リニューアル作業中
- サイドバーを折りたたんでみた
- BidderStyle（ビッタースタイル）リニューアル
