Jquery 最佳案例场景答案

【问题标题】：Jquery Best Case ScenarioJquery 最佳案例场景
【发布时间】：2010-10-10 13:09:26
【问题描述】：

我正在为一个 GUI 加载一堆图像，它将为我的客户产品选择属性。

最好在开始时预加载所有图像（我猜这需要一些时间），然后让 GUI 具有完整功能，还是动态加载图像更好。

基本上我正在开发图片/海报框架应用程序。我有大约 20 多个框架可供用户选择，当单击一个框架时，我会在 GUI 的显示屏上更改该框架的图像。

我正在使用 Jquery。任何见解都将有助于为此的最佳情况。

如果我要预加载所有图像，我该如何将其中一个加载条放在屏幕上，就像您在 Flash 中看到的那样，或者像我在 Ajax 中看到的加载 gif 一样？

谢谢

迈克

【问题讨论】：

【解决方案1】：

正确答案取决于许多因素。图片有多大，有多少？一开始加载所有图像会导致严重滞后吗？正如Jeff Atwood said 性能是一个特性。

我宁愿选择性能更好的应用程序，而不是预先加载所有内容。

【讨论】：

【解决方案2】：

取决于帧图像的大小...如果它们像 1 - 2K 一样小，我会动态加载图像，否则您可以预加载，但请务必正确设置标题，以便仅读取和获取一次下次缓存。

关于进度条，我建议你查看Ajaxian上的这篇文章（讨论在 jQuery 中预加载图像并包含进度条）。

【讨论】：

【解决方案3】：

为什么不两者都做？

你可以懒加载图片，也可以钩$(document).ready()预加载图片。这样，如果用户在预加载之前访问了图像，那么它就会进入；如果用户等待的时间足够长，它将是瞬时的。

这种技术在菜单栏翻转之类的东西中很常见。

【讨论】：