问题标签 [preloading]

有问题的页面：http: //phwsinc.com/our-work/one-rincon-hill.asp

在 IE6-8 中，当您单击图库中最左侧的缩略图时，图像永远不会加载。如果您再次单击缩略图，它将加载。我正在使用 jQuery，这是我为画廊提供动力的代码：

一位同事告诉我，他总是遇到 js Image() 对象的问题，并建议我只<img />在 div 集合内附加一个元素display:none;，但这对我的口味来说有点乱——我喜欢使用 Image() 对象，它使事情保持整洁，没有不必要的添加 HTML 标记。

任何帮助，将不胜感激。它仍然可以在没有图像预加载的情况下工作，所以如果所有其他方法都失败了，我只需将预加载包装在 an 中if !($.browser.msie){ }并收工。

更新：

冷杉附加一个空图像和一个带有一些文本的跨度

隐藏加载图像，加载后显示图像

旧帖子 好的，我花了 2 天时间尝试预加载图像，但没有成功！我有这个功能：

lastimg 是图像的名称

在图像加载时，我想出现 gif 或文本“正在加载...”。

该函数将得到如下内容：

我试过这样：

但是所有的<li>都将隐藏并且在加载图像后出现，我希望在<li>其中显示 gif 或文本，并且在图像加载后链接和图像出现！

这个怎么做？有人有想法吗？谢谢！

我有一个画廊列表，当您单击画廊的标题时，它会拉入内容（带有图像的 HTML）。

当内容被拉入时，它会预加载 html 而不是图像，有什么想法吗？

这是我正在使用的 JavaScript：

你可以在http://www.georgewiscombe.com看到这个演示

提前致谢！

情况如下：我正在开发一个网站，其中导航位于主页的页面底部，但在所有其他页面的页面顶部。我已经设置了一些 jQuery，以便在单击任何子页面的链接时，导航将向上滑动到位于所有其他页面上的位置，然后再转换到下一页（并且还进行了一些小样式调整以使其完美匹配）。只是这个：

这将是一个完美的“外观”，当然，页面转换之间有一点页面加载时间，所以导航消失然后重新出现一秒钟，就像你所期望的那样。但这确实让人分心，因为您的眼睛已经集中在刚刚移动的导航上。

所以，我想知道是否有任何方法可以使用 jQuery 在目标页面中查找该#nav div 并在进入该页面之前预加载它（这样就不会出现闪烁）？或者任何其他方式在过渡期间保持导航显示不中断？

我有一种感觉，我在要求不可能的事情。但至少值得一问。

ETA：这是该网站的示例链接：http: //www.studioal.com/sample/ 点击“WORK”（这是唯一有效的链接）

我不想淡入淡出，因为我希望在整个过渡过程中导航保持在 100%（我认为一旦看到这个例子就会更容易理解）。

我有一个托管在 CMS（Squarespace）上的照片库页面，它有一些自己的脚本可以异步加载缩略图。

然而实际的大图像并没有预加载，所以我决定将我自己的脚本添加到混合中，以使浏览器将这些较大的图像加载到后台的缓存中，如下所示：

我将代码放在 $(window).load() 中，因为这是一个后台脚本，它甚至根本不需要运行，它只是为了提高性能。

但是，我认为这个脚本以某种方式阻止了 CMS 自己的缩略图预加载脚本。

我对吗？最重要的是，有没有办法规定我的脚本仅在页面上的所有其他脚本都运行后才运行？

干杯

我的 CMS 项目有一个时尚的 web 2.0 登录屏幕，它使用 javascript 淡出屏幕。为什么即使我已经 120% 确定预加载了图像（我在开发工具中使用了资源监视器），当我的登录屏幕出现时，它们仍然需要一秒钟才能显示出来。它完全破坏了幻想！看一看：

http://www.dahwan.info/Melior（链接断开）

当您单击登录时，屏幕应该使用 75% alpha 1px png 图像淡化为黑暗。即使图像是预加载的，它也不会在动画完成后显示出来。但是，如果您单击取消并再次登录，则动画流畅而完美。

谁能想到这个问题的解决方案？我的 CMS GUI 的其余部分也有它。就像没有图像预加载一样。

感谢您的回答

编辑：是的，我目前正在为 Google Chrome 5.0.375.99 开发这个 CMS，稍后添加多浏览器兼容性。很抱歉漏掉了

我相信你们中的大多数人都听说过图像的预加载。

但是有谁知道我们如何预加载网页？

例如，当我们登录 GMAIL 时，我们会看到一个加载进度条。

我们如何根据 gmail 的操作预加载 html 网页/Web 应用程序（非基于 Flash 的）？

最好的祝福

我构建了自己的表单脚本，并希望预加载一个“加载”图标，该图标会在点击提交按钮时显示。

我正在使用这段代码：

我的问题：使用 jQuery 创建图标的 html 标记时，图像是否会被缓存 + 立即显示？像：

谢谢

好的，所以我正在为我的图像滑块调用精灵中的图像。发生的情况是，当页面加载时，所有幻灯片图像都水平显示，从而使其出现错误。我们制定的一个解决方案是将图像设置为预加载。它在 Firefox 中运行良好，但在 IE 中似乎有问题。这是重要的两行代码（由于 IE 中的另一个错误，我们已经放置了分隔符）：

禁止图像只是指位于 main.gif 中的精灵。

为了进行预加载，我将以下代码放在 HTML 文件的末尾：

我的 CSS 文件末尾有以下代码：

有什么建议可以让它在 IE 中工作吗？

谢谢！

我从 steve souders 那里看到了一个关于在 css 之前加载图像的 PPT，我需要类似的情况......但我不清楚实际代码是什么来做到这一点的。我假设他在 css 之前加载了一些东西，在他的 ppt 中他这样说

但如果有人能告诉我医生负责人的实际样子，那就太棒了

供参考；这是ppt

提前感谢您的帮助