jQueryを使用してload（）の前にローディングdivの中心を合わせるにはどうすればよいですか？

Question

私はこのコードを持っている：

$("#result").html('<div class="loading">Loading results...</div>'); 
$("#result").load('<?php bloginfo('template_directory'); ?>/GetResults.php?' + $.cookie('nw-query')); 

ロードが完了するまで、それは負荷のdivを示しています。私がここでやりたいことは、ページ/ドキュメントの中央にローディングdivを正確に入れたいのですか？

• これは余分ですが、いいかもしれません - 読み込みdivが目立つように読み込みが完了するまでドキュメントをフェードアウトできますか？

jquery/cssの提案は大歓迎です。

ありがとうございました:)あなたのロードを中心に、中心のdivを置くことができ

Answer 1

...

$("#result").html('<div align="center" style="width:100%"><div class="loading">Loading results...</div></div>'); 

Answer 2

もしあなたが正しく質問を理解する：あなたは、両方の水平荷重のdivを中心に方法を把握する必要がありますと垂直？もしそうなら、私はこの質問への答えを見てみよう：Practical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7。 2.

Answer 3

.loading { 
    width:200px; 
    height:50px; 
    background:#CCC; 
    position:absolute; 
    top:50%; 
    left:50%; 
    margin:-25px 0 0 -100px; /* Half of height and width */ 
    } 

あなたは幅/高さを知らないか、それが動的な場合、あなたは（.width使用することができます）と値を取得する.height（）関数を持っていますあなたはjQueryUIを見た？これにはモーダルダイアログを使うことができます。 jQueryUiは自動的にモーダルダイアログを中央に配置し、読み込みが完了するとダイアログを消すことができます。ダイアログからタイトルバーを削除する方法があります： http://www.comanswer.com/question/jquery-ui-dialog-how-to-initialize-without-a-title-bar

これはあなたが探しているものであるかどうかは知りませんが、それは、後に道をあなたのためにいくつかの頭痛の種を避けるかもしれません（と、それはかなりですカスタムテーマを持つことができます）。

Answer 4

で割られるべき

Answer 5

これは少しオーバーキルするかもしれませんが、jQuery UI dialogプラグインはそれらの効果を達成することができます（あなたはダイアログでそれを使用していません...）。モーダルオプションと例を確認してください。すでにjQueryを使用している場合は、その価値があるかもしれません...