2013-02-10 119 views
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字符串追加它會提出四所要求http://imgs.com/爲圖像X,Y,Z,B。

我試圖讓一個請求中的所有四個圖像。我想存儲所有圖像並在以後使用它們。這可能嗎?

回答

3

要在一個請求中下載所有圖像文件,您需要創建一個精靈。精靈包含幾個圖像拼接成一個更大的圖像。在顯示圖像時,將精靈用作元素的背景,然後將背景定位到精靈內所需圖像的座標。

除了使用精靈戰術,瀏覽器將總是通過每個圖像的一個請求下載這些圖像。

延伸閱讀: http://css-tricks.com/css-sprites/

+0

但我需要動態圖像,所以它並不總是圖像X,Y,Z。它可以是圖像x,a,t,下一個請求是x,p,q。是否可以動態製作精靈? – 2013-02-10 21:58:51

+0

......並且可能有成千上萬的圖像。 – 2013-02-10 22:00:11

+0

我沒有在問題中說清楚。 – 2013-02-10 22:00:47