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

Question

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

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

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

Answer 1

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

如果我遗漏了重点，请纠正我 - 如果是这样，您能否提供一个屏幕截图，以便我了解您真正想要展示的内容？

Answer 2

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

无论如何，我采用的策略是通过 jQuery使用Javascript 预取。但即使这样还不够。我不得不将该函数包装在 setTimeout() 中，但这仅起到了一点作用。然后我不得不在登录表单提交期间触发该 setTimeout() 。它使登录表单提交时间稍长，但使网站在加载时显得活泼。