ロードするウェブページのコンテンツの優先順位付け

Question

私は3つの部分からなるウェブページを持っています。最初の部分はフラッシュファイルで、残りの2つはイメージです。

ウェブページを開くと画像がフラッシュよりも速くダウンロードされるため、しばらくしてからフラッシュが見られる間にページの下部が表示されることがあります。しかし、私はフラッシュを最初にページの他の部分の前に表示したい。

私は、最初のフラッシュ&画像すなわち、ダウンロードされたコンテンツに優先順位をつけることができるかどうかを知りたいです。

OR

そのような方法が存在しない場合は、フラッシュがロードされるまで、私は隠された画像を保つことができるどのような方法があります。 （：隠された、あるいはそれらのためのHTMLを出力していないディスプレイ）、および（すなわち、他のロードが行われたときに）JavaScriptメソッドのonLoadでそれらをロード

おかげで、 ナレイン

Answer 1

解決策は、最初にすべての画像を非表示にすることです。 JSのないユーザ勿論、全ての画像が表示されません。 :-)

Answer 2

問題が何であるかを確認しますが、それについてのページが破壊される場合にも、それはブラウザをロードしたので、前であってもフラッシュ要素の高さと幅を定義することができないことは、それのためのスペースを作ります。

あなたが本当に最初で唯一のフラッシュをたいので、もしそうであれば、ユーザーはあなたがJSに行く必要のあるいくつかの「ばらし」の画像を見ています。

私はyaldexでこれを見つけたが、それは代わりにあなたがこのような何かをしようとしたが、フラッシュファイル

<SCRIPT LANGUAGE="JavaScript"> 

Image= new Image(60,50) 
Image.src = "image.gif" 

</SCRIPT> 

を使用することができ、ページ全体に

<script language="javascript" type="text/javascript"> 
    /* Visit http://www.yaldex.com/ for full source code 
    and get more free JavaScript, CSS and DHTML scripts! */ 
    <!-- Begin 
    function loadImages() { 
    if (document.getElementById) { // DOM3 = IE5, NS6 
    document.getElementById('hidepage').style.visibility = 'hidden'; 
    } 
    } 
    window.onload = loadImages; 
    // End --> 
    </script> 
    <div id="hidepage" style=" background-color: #FFFFCC; layer-background-color: #FFFFCC; width: 100%;"> 
    <table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div> 

をプリロード