如何处理对服务器的许多动态图像请求？答案

【问题标题】：How to deal with many dynamic image requests to the server?如何处理对服务器的许多动态图像请求？
【发布时间】：2013-02-11 05:37:25
【问题描述】：

我正在使用 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。

我正在尝试在一个请求中获取所有四个图像。我想存储所有图像并稍后使用它们。这可能吗？

【问题讨论】：

标签： php javascript jquery html image

【解决方案1】：

要在一个请求中下载所有图像文件，您需要创建一个精灵。一个精灵包含几个连接在一起的图像，形成一个更大的图像。显示图像时，精灵用作元素的背景，然后将背景定位到精灵中所需图像的坐标。

除了使用 sprite 策略之外，浏览器将始终通过每个图像一个请求来下载这些图像。

进一步阅读： http://css-tricks.com/css-sprites/

【讨论】：

但我需要动态图像，所以它并不总是图像 x、y、z。它可能是图像 x,a,t，下一个请求是 x,p,q。是否可以动态制作精灵？
...可能有数千张图片。