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