1

jqueryを使用してコンテナにHTML文字列を動的に追加しています。

$('#container').append(str);

str = '<div class="images"><img src = "http://imgs.com/x></div>
       <div class="images"><img src = "http://imgs.com/y></div>
       <div class="images"><img src = "http://imgs.com/z></div>
       <div class="images"><img src = "http://imgs.com/n></div>';

この html 文字列が追加されると、画像 x、y、z、b についてhttp://imgs.com/に対して 4 つの要求が行われます。

1 回のリクエストで 4 つの画像すべてを取得しようとしています。そして、すべての画像を保存して、後で使用したいと考えています。これは可能ですか？

4

1 に答える 1

3

1 回のリクエストですべての画像ファイルをダウンロードするには、スプライトを作成する必要があります。スプライトには、1 つの大きな画像に連結された複数の画像が含まれています。画像を表示するとき、スプライトは要素の背景として使用され、背景はスプライト内の目的の画像の座標に配置されます。

スプライト タクティックを使用する以外に、ブラウザーは常に、画像ごとに 1 つの要求を介してこれらの画像をダウンロードします。

さらに読む: http://css-tricks.com/css-sprites/

于 2013-02-10T21:37:25.653 に答える