将多个图像下载到网页的替代方法

Question

我们都知道，由于HTTP协议中的浏览器限制，预取图像可能会运行缓慢，对吧？所以，我有 XHTML，jQuery，Apache httpd和PHP 。什么是预先获取大量图像的简单解决方案，而不使用精灵或多个主机？

请参阅，我有一个用SELECT框选择的主题。它会更改框右侧的200x200主题图像。不幸的是，其中有150个。因此，当我加载页面时，进度条会继续运行以下载这些内容。

如何在不使用精灵或多个主机的情况下更快地预取这些图像？

Answer 1

如果它只是一个主题变化，可能很少发生（右）？那么，当select被更改并选择新主题时，为什么不加载主题的图像呢？加载150张图片似乎很“奇怪”，其中149张图片可能看不到。

如果我错过了这一点，请纠正我 - 如果是这样，你能提供截图，这样我就可以了解你真正想要展示的内容吗？

Answer 2

事后看来可能是20/20。我可能应该在sprite中实现它，以及我在网站上使用的许多按钮。只是因为我没有一个好的精灵编辑器工具来加速这个过程。

无论如何，我采用的策略是使用Javascript prefetch via jQuery。但即使这还不够。我不得不在setTimeout（）中包装该函数，但这只能帮助一点。然后，我必须在登录表单提交期间触发setTimeout（）。它使登录表单提交时间略长，但使网站在加载时看起来很活泼。