问题标签 [image-preloader]

是否可以为超大插件（http://buildinternet.com/project/supersized/）预加载图像？我将图像放在 HTML 文档顶部的一个不可见容器中，但它似乎没有任何效果。仅当我单击下一张/上一张幻灯片时才会加载特定图像。

有什么建议么？

谢谢蒂娜

我在页面上有一些随机加载的图像，它们超过 100kbs，是否可以将其完全加载然后淡入而不是逐步加载？

我的JS看起来像这样......

我有一个脚本可以手动预加载所有需要的图像。它看起来像这样：

实际上，每种类型的按钮和其他元素都有很多这样的条目。最糟糕的是项目正在进行中并且每天都在添加新按钮，因此很容易忘记将它们添加到列表中。

现在我想使用一个通用脚本来预加载所有正在使用的东西。

它应该使用类似 jQuery 的选择器（例如，$('buttons') 以获取所有按钮）在文档中枚举所有元素，然后 - 这对我来说是最难的部分 - 找到作为元素的结果的样式class 和 'active' 类（不要与 :active 伪类混淆，但应该没有任何区别）。

例如，有一个按钮：

并且有以下CSS：

显然，对于这个按钮，预加载的图像应该是最后一个，因为明确定义了“小”和“粉红色”，而“活动”是我们正在寻找的：

所以，问题是如何过滤样式。

问候，

更新

如您所见，最初该按钮没有“活动”样式。它被添加了一个关于触摸事件的脚本（因为 Android Webkit 不支持真正的 :active）。这就是为什么应该从另一个脚本预加载图像的原因。而且，是的，我在点击时看到运行时加载的活动状态图像，它看起来很丑。

所以我有以下HTML：

jQuery函数：

和文档就绪触发器（简化）：

它工作得很好，但我需要加强它。当用户单击类“class1”的锚点时，预加载器应读取分配给特定数组的图像。而且我只需要写一次'$.preload'。

所以我的想法是创建两个不同的数组，例如：

然后创建如下所示的文档就绪事件。我被困在这里，下面的代码有错误

我不知道如何在 $.preload([...]); 中创建“IF”逻辑；

我需要有关我网站http://www.luischales.com/miami-quinces-photography.html上的代码的帮助。第一次打开幻灯片时，直到所有图像都加载完毕（我认为），并且客户不喜欢等待，所以我的问题是，有人可以指出一种按需加载图像的方法吗？或者至少加载第一张图像然后再加载其他图像？

代码

我有一个图片库。当我单击特定画廊的缩略图图像时，它将加载实际大小的图像（大小〜 800KB）。用户还可以选择在按下键盘左右箭头键时查看上一个和下一个图像。为了获得更好的性能，我在这样的 java 脚本中创建了一个预加载方法

当用户按下左/右键时，我将调用此 preload() 方法来预加载下一张和上一张图像。我面临的问题是

每个预加载方法调用都会增加内存利用率。当我查看超过 20 张图像时，Firefox 正在关闭。如何解决这个内存问题。我怎样才能在这里实现更好的图像预加载机制。谁能帮帮我吗。

假设我在网页上有一个按钮。每当单击该按钮时，某些内容（可以达到 5MB 的完整图像文件列表）会异步预加载，并在加载完成后添加到网页中。

但是，只有在第一个预加载过程完成之前再次单击该按钮，然后再启动第二个，才有意义。我怎样才能实现这种强制停止？

顺便说一句，我正在使用Ariel Flesler 的基于 jQuery 的图像预加载器。

提前致谢！

我目前正在我的一种形式上使用ImageLocationsome PictureBoxs 的属性。该位置在线，但图像需要在显示之前加载。问题是，图像有时会更改为其他图片，但正因为如此，由于图片尚未加载，它会在几秒钟内不显示任何内容。是否有可能在应用程序启动期间预加载特定的图像链接，以便图像不仅在设置为ImageLocation源时加载？

我正在使用 VB.net，但所有 .net 答案都是可用和赞赏的！

我的响应式 flexslider 插件有问题。除非您在实际幻灯片中有许多图像，否则该插件可以正常工作。加载行为是不可接受的。

我希望有人可以帮助我使用以下 flexslider 图像预加载器脚本，因为我无法让它工作。

这是我正在使用的代码：

FLEXSLIDER HTML

HTML HEAD 中的 FLEXSLIDER 脚本

FLEXSLIDER.CSS

任何帮助表示赞赏！

我想显示图像 div 的预加载图像中心。但是所有图像都有不同的大小，因此预加载图像不能显示在每个图像的中心。

感谢提前！