1. ホーム
  2. 質問と答え
  3. 可視性が隠されるようにCSSが設定されている場合、画像が読み込まれますか？

可視性が隠されるようにCSSが設定されている場合、画像が読み込まれますか？

2009-02-23 7 views

答えて

16

はい、ロードされ、DOM内に保持されます。その後、JSで素早く表示できます！

出典

2009-02-23 16:31:23 adam

3

はい - これを使用して、Javascriptで表示される画像をプリロードしています。

あなたは実験これを確認することができます

  • a.jpg
  • のソースといくつかのJavaScriptを書く、ページ上の場所の画像を
  • a.jpg b.jpgと
    • 、2枚の比較的大きな画像を作成します。リンクがクリックされたときに画像のソースをb.jpgに変更する（例：b.jpgのサムネイル）
  • ページをロードします。リンクをクリックすると、b.jpgが読み込まれるまで待つ必要があることに注意してください。
  • は今はCtrl + F5でページをリロードしているb.jpgが最初の場所でページに含まれているので、ページを編集、しかしvisibility: hidden
  • のCSS属性を持ちます。終了したら、リンクをもう一度クリックします。
  • b.jpgの読み込み速度が大幅に向上しました。それはあらかじめロードされていたからです。

    • 出典

    2009-02-23 16:44:08

    +1

    Err。存在しないイメージを持つ小さなHTML文書をセットアップしてからサーバーのログを見るのはなぜですか？ – innaM

    +2

    あなた自身のサーバーを所有していない可能性があります。 FirebugはNETパネルでもこれを行うことができます。 –

    +0

    何かにHTTPサーバーをインストールするのに約1分かかります...最終的にHTTP経由でこのように実行されるものをテストする理由はありません。 –

    1

    ブラウザによってブラウザの動作が異なる場合があります。

    出典

    2009-02-24 01:55:30 AmbroseChapel

    1

    これは、ブラウザとその環境（携帯電話などのメモリ不足など）によって異なります。

    出典

    2009-02-24 20:12:20

    関連する問題

     関連する問題