0

非表示の div ( ) で遊んだ後display:none、div が表示されるように変更されるまで、ブラウザーがその div にある画像/フラッシュ ファイルをダウンロードすることを気にしないように見えることに気付きました。

これに関する問題は、ほとんどのユーザーのマシンで、非表示の div を表示するときに、ブラウザーが画像や swf ファイルなどをダウンロードするのに数秒かかるように見えることです... == 幸せなユーザーはいません。

表示に設定されているときではなく、非表示のときにブラウザに非表示の div のコンテンツをダウンロードさせる方法はありますか?

多分JSかjQueryで？

ありがとう

4

3 に答える 3

2

画像を非表示にするために使用しないでくださいdisplay:none;。

コンテンツを非表示にするには、次のように設定してみてください。

height:0;
width:0;
overflow:hidden;

また、絶対位置でコンテンツを画面外に配置してみることもできます。

position:absolute;
left:-1000px;
于 2012-04-27T15:18:51.217 に答える
0

ここにいくつかのオプションがあります：

  • 表示されているDIVから始めて、ページの読み込み後、またはブラウザがすでに画像を取得した後に、jQueryを使用して非表示のスタイルを追加します。これはおそらく非常に迅速に発生し、誰もその変化に気付くことさえありません。
  • 物がロードされている間、最初にDIVを画面外に配置し、DIVの寸法（高さ/幅）を非常に小さくして、表示スペースを占有しないようにします。
  • jQueryを使用して、DIVのコンテンツを表示したいと同時にロードします。つまり、オンデマンドで画像をフェッチします。すなわち$('#yourDivId').html('[html goes here]');
  • visible:hidden代わりに使用しますdisplay:none（ただし、スペースを占有するため、すべての状況で機能するとは限らないことに注意してください）。レイアウトが影響を受けないページの下部に画像のコピーを配置することもできますが、他の場所を表示した場合に備えて、画像のコピーが取得され、ブラウザにキャッシュされます。
于 2012-04-27T15:20:56.013 に答える
0

あなたが試すことができる1つの方法は、それらの位置を完全に非表示にする代わりに、大きな負の左位置と最小次元が1または0の場合があります.

于 2012-04-27T15:20:27.487 に答える