InnerFadeは指定された領域を繰り返しフェードイン/フェードアウトさせるライブラリです。InnerFadeはjQueryライブラリのプラグインとして機能します。様々なエレメントに対して利用することができ、使い方も手軽なため便利なライブラリです。

バナーや画像、テキストをフェードしながら切り替えるのはFlashを使ったシーンなどによく見られる手法です。InnerFadeを使えば手軽にフェード処理を行なうことができますし、メンテナンスも楽です。また、見た目の効果も大きいでしょう。

本稿で紹介するInnerFadeサンプルの1つ。指定された領域がフェードイン/アウトしていく

関連ファイルの入手

InnerFadeはInnerFadeのWebサイトからダウンロードできます。

InnerFadeのサイト

InnerFade

「jquery.innerfade.zip(118kb)」の文字をクリックするとInnerFadeライブラリがダウンロードされます。

jquery.innerfade.zip(118kb)のリンク文字をクリックするとダウンロードが開始される

ダウンロードされたファイルはZIP形式になっているので解凍します。解凍すると以下のファイル構成になります。

InnerFadeのファイル構成。jsフォルダ内のファイルのみ必要で他は不要。

ここで必要になるファイルはjsフォルダ内に入っているjquery.jsファイルとjquery.innerfade.jsファイルだけで、他のファイルは必要ありません。