ページを開いた時に画像をフェードイン、フェードアウトで表示してから コンテンツを表示させる | 9ineBBjQueryを使って、ページを開いた時に印象的な画像をフェードインで表示し(ロゴ等)、時間経過でフェードアウトし、WEBページのコンテンツを表示させるテクニック。 プラグイン版も作りましたのでこちらもどうぞ ページを開いた時に画像をフェードイン・フェードアウトするプラグイン フェードインとフェードアウトを実装する まず、考え方ですが body以下に、最初に表示させるブロックとその後に表示させるブロックと2つのブロックに分けます。すでにコンテンツがある場合は、それらの2つ目のブロックに収めるようにします。一つ目のブロックは空でもOKで背景で画像を指定することでCSSで表示画面に合ったサイズに自動で合わせるように出来ます。 それぞれ、デフォルトではCSSで非表示にしておき、jQueryを使ってフェード効果での表示、非表示を切り替えて行きます。 DEMO SAMPLE CODE <!DOCTYP
