问题标签 [image-preloader]

我对 jquery 很陌生，并试图弄清楚如何为 jQuery Cycle 插件预加载图像。

我有 5 张以上的大尺寸图像，我需要在使用 Cycle 插件开始幻灯片放映之前预加载这些图像。我还需要在预加载图像时显示加载 gif。

我试图在这里实现该技术http://jqueryfordesigners.com/image-loading/

但仍然无法弄清楚如何使其与 Cycle 插件一起使用。

谁能帮我解决这个问题？

谢谢

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

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

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

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

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

谢谢

麦克风

在我的布局之一中，有一些大图像（来自 XML），当我将鼠标悬停在某些链接上时会显示这些图像，但是当页面加载和翻转时加载该图像需要时间。

注意：有修复5张图片（非动态）

我不想使用 JavaScript 预加载图像任何解决方案？

我没有使用悬停菜单或类似的东西，但这个图像是产品图像，链接是文本链接明白我的意思了吗？

我不想知道预加载图像的方法，我在网上找到了很多，但我想知道它是如何工作的。javascript如何能够预加载图像？我的意思是，我从这里尝试了一个片段，即使它有效，它似乎也没有预加载图像。

当我检查萤火虫时，我可以看到图像被加载了两次，一次是在预加载时，另一次是在显示它时！

为了改进这段代码，我想知道它是如何工作的。

这是我所做的：

然后我做这样的事情：

这是我显示/添加图像的方式：

我完全意识到这个问题已经被问到并在任何地方得到了回答，无论是在 SO 还是在关闭。但是，每次似乎都有不同的答案，例如this、this和that。

我不在乎它是否使用 jQuery - 重要的是它可以工作，并且是跨浏览器的。]

那么，预加载图像的最佳方法是什么？

我正在尝试预加载大约 150 张图像，并且我希望能够做两件事......

1) 正在使用文件名列表预加载图像。并非列表中的每个文件名都有与之匹配的文件。

例如）pic04.jpg 可能不存在，即使它在列表中。

所以当我预加载时，如果可能的话，我希望能够弄清楚图像是否存在。

2) 现在该函数只是使用 Pictures[i] = new Image(); 预加载所有 150 张图像。图片[i].src = "路径/到/my/images/" + imageName[i] + ".jpg";

该函数执行得非常快，但图像似乎没有被预加载。我是否需要做一些事情让网站等到图像加载完毕后再继续？

有任何想法吗？

我想知道是否有可能让加载器运行直到页面中的所有图像都加载到页面中。我有一个网站http://ranjoy.athost.net/有一些 png 大尺寸图像，我希望在动画开始之前加载所有图像....请帮助

我有一个使用 AJAX 和预加载器的网站。现在我想在在线部署站点之前看看这些预加载器的影响。

“问题”是 localhost 没有加载时间并且响应是即时的，所以我看不到我的预加载器。

如何模拟加载或有限带宽（使用 Firefox、Rails 或其他）？

我有一个<img src="..." />带有默认src设置的标签。我想让 jQuery 发出一个 ajax 请求来获取另一个图像，当这个新图像完全加载时，设置<img ... />标签的 src 以便没有闪烁。我宁愿不做任何预加载器之类的new Image().src="foo"。我真的很想在 ajax 请求上加载 iamges。有任何想法吗？

有没有一种方法可以显示使用 Flickr 生成的动态图像的加载图像？我遇到了一种方法，如Wacom 社区网站上所示，但我无法让它工作。有没有比http://blog.realmofzod.com/asynchronous-image-loading-with-jquery/技术的创始人更简单的东西或者有没有人有更好的解释？