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

Question

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

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

Answer 1

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

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

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