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

How to deal with many dynamic image requests to the server?

本文关键字：许多 动态 图像 请求 服务器 何处理 处理      更新时间：2023-09-26

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

我正在尝试在一个请求中获取所有四个图像。我想把所有的图像都存储起来，以后再使用。这可能吗？

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

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

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

相关文章：