问题标签 [image-preloader]

我试图让一个 Jquery 图像预加载器启动“loading.gif”和图像预加载区域以在页面打开时立即启动（如果这甚至是一个适当的术语），我一直在尝试 javascript 放置和其他东西，但它总是加载对我的口味来说有点太晚了。

这是网址

http://eleven23.net/beta/work/web/lounge22-preload.php

我正在尝试一些变量以使其加载更快

我应该使用哪一个？

$(window).bind("加载", function() {

• 或者 -

$(document).ready (function() {

</body>此外，我在希望这也能加快 jquery 开始时间之前放置了内联 javascript 。

有什么建议么？

我正在使用 jQuery 和 Flickr REST API 编写脚本。

遵循伪算法

1) 点击 Flickr API 并使用$.getJSONnad create lilist 元素获取照片列表：

2）通过引用创建的列表预加载所有图像（我在这里有问题）

3）点击每个图像显示预加载数组中的图像

现在我想要这个

1) 从 Flickr 获取 JSON 对象

2) 创建列表并将其附加到 DOM

3）插入成功后，遍历列表中的所有图像，并按顺序一张一张地预加载。

我也尝试过异步选项，没有发生任何事情

我使用了这种方法：CSS Throwdown - 没有 JavaScript 的预加载图像 作者：Jeff Starr - http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/

当我在网络浏览器中查看它时它工作正常，但是在移动设备上，它似乎没有任何效果，.png 图标仍然需要很长时间才能加载。

我有一个图片库类，可以循环加载缩略图和完整图像。然后我将其推入一个数组并为每个位图创建一个影片剪辑。它运作良好。

在这个过程的一部分，我可以在显示整个画廊之前预加载所有图像？

谢谢！

我正在使用 expander.js 一个用于扩展文本的 jquery 插件。

现在事情是这样的，

每当触发展开和折叠时，我都应该交换图像。

现在通常这不是问题。

另一条信息是有一个项目列表，其中包含可扩展的描述和图像，因此代码中的 id。

编辑：现在将显示完整的代码。

代码如下：

然而，图像的变化之间存在滞后。

我喜欢预加载图像，但我不确定如何正确交换它。

我查看了这两个链接，但我仍然不确定如何使它工作。

http://jquery-howto.blogspot.com/2009/02/preload-images-with-jquery.html http://jquery-howto.blogspot.com/2009/04/jquery-image-swap-or-how -to-replace.html

请指教。

我正在动态切换背景图像。自然，它们需要预先加载才能及时显示。我正在预加载它们，能够在加载图像时跟随 FireBug。当背景图像切换时，我在 FireBug 中再次看到图像下载。

这是我的网址：http ://www.morganpackard.com/siteRoot/

奇怪的是，如果我重新加载页面，一切都会按预期进行。我正在采取的步骤如下：

1) 清除 FireFox 缓存 2) 重新加载页面 图片加载缓慢，而且，显然既没有被预加载也没有被缓存。每次进行图像交换时，图像都会再次下载。3）现在重新加载页面，无需清除缓存图像立即加载和交换，一切都按预期工作。

所以看起来我必须在 FireFox 从缓存中读取图像之前重新加载。这很古怪。有任何想法吗？

注意：我的图像是巨大的。当然，我会压缩它们，但要先对这些预加载进行排序。

如何仅使用 CSS 预加载图像，而不使用 JavaScript？它必须是跨浏览器的。

我不想使用 CSS 精灵。还有其他解决方案吗？

我正在尝试预加载我的图像，但它不起作用。在我的主样式表中我创建了#preload，然后在我的html中我创建了一个预加载div。在css中，我做了后台方法来尝试预加载它们，但它不起作用。

我对 Firefox 上的预加载图像有疑问。在（webkit）Chrome/Safari 上看起来不错。

让我们来看看。

我已经:hover加载了css文件的图像：

和 HTML

为什么 Firefox 不从缓存加载图像，而不是从服务器加载？

我该如何解决？

Here is my preload script:

And it works fine. I can see in the headers the image loading.

Here's my question. Even though I have preloaded sprites.png, I notice that when I go to a page on my site that simply displays that entire image, the headers tell me my browser is requesting the server to send the image again.

I'm hoping to not sound too naive. But, why would the browser request the image when I preloaded it earlier? Are there other reasons the browser would need to re-request?

Also, I put the dimensions as Image(1,1). Sometimes I don't know the dimensions, as that image gets updated from time to time. Maybe that's a reason?