どのようにプリロードの画像のみを用いCSS（JS)?

Question

たいのですが事前に荷重画像のみを用いCSS、JavaScriptを使用せずに?でクロスブラウザです。

ならないようにしたいCSSを利用sprites.があるその他のソリューション?

Answer 1

利用できる複数の要素が、隠されたと background-position: -1000px -1000px; られた background-image 各画像したいプレ負荷時のものです。

• お問い合わせくださいこちら

Answer 2

を使用 CSSスプライトのます。

Answer 3

あなたは終了bodyタグの前に、それらすべてをロードしようとし、それらを表示することができませんでした。後でそれらを呼び出す場合は、まったく同じパスを使用している場合その後、彼らはキャッシュにする必要があります。

<img src="/i/myimage.jpg" alt="image preload" style="display:none;" />

また、ディスプレイを持つクラス加えることができます。なしをし、あなたが同様にプリロードしたいすべての画像にそれを適用します。

それは今まであなたに関係する場合は、

CSSスプライトをしかしこれはより多くのHTTPリクエストを被ると、あなたがそれらを削減したい場合、私はお勧めします。