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 用作元素的背景，然后背景定位到 Sprite 中所需图像的坐标。

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

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