コンテンツを表示させるTweet256PRjQueryを使って、ページを開いた時に印象的な画像をフェードインで表示し(ロゴ等)、時間経過でフェードアウトし、WEBページのコンテンツを表示させるテクニック。プラグイン版も作りましたのでこちらもどうぞページを開いた時に画像をフェードイン・フェードアウトするプラグインフェードインとフェードアウトを実装するまず、考え方ですがbody以下に、最初に表示させるブロックとその後に表示させるブロックと2つのブロックに分けます。コンテンツがある場合は、それらの2つ目のブロックに収めるようにします。一つ目のブロックは空でもOKで背景で画像を指定することでCSSで表示画面に合ったサイズに自動で合わせるように出来ます。それぞれ、デフォルトではCSSで非表示にしておき、jQueryを使ってフェード効果での表示、非表示を切り替えて行きます。最初に表示させたいものを、block-twoには次に表示させたいものを入れます。この順序は重要でブラウザはHTMLを上から順番に読み込みますので、その順で設定しておかないと一瞬チラ見するような形になったりします。(このSAMPLEの例では、2つ目のブロックも画像で表現してあります)jQueryもfooterではなくheader部分で読み込ませる必要があります。必要最低限のCSSもHTMLにインラインで記入しておく必要があります、CSSも外部ファイルから読み込んだ時に読み込みの遅延で想定と違う表現になってしまう場合があります。この部分で最初のフェードの効果を設定しています。効果は1800で1.8秒かけてフェードインします。この部分では、最初に表示したものをフェードアウトさせる効果を指定しています。この部分の数字は、最初にフェードインしたコンテンツがフェードイン効果が完了したあとにどれぐらいの時間が経ってから、フェードアウト効果を開始するかを設定しています。2500で2.5秒経ってから実行します。つけることで、メインのコンテンツのHTML部分の読み込みが完了してから、2.5秒後に実行するようになっています。多くの場合はすぐに読み込まれるので、そのまま2.5秒が表示時間と考えてもいいです。使ってD&Dでリストの並び替えを実装する。郵便番号を入力すると住所をリアルタイムで補完してくれるjQueryプラグイン「jquery.jpostal.js」COMMENTaoyanはじめまして。調べていてこちらのページを拝見させて頂きました。最初の画像を3枚ほどスライドショーで表示する方法はありますでしょうか?もしお時間があるようでしたら、ご回答頂けると助かります。キャンセル次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。