问题标签 [image-preloader]

解释

出于我欣赏的原因，从 jQuery 1.8 开始，该load事件已被弃用，但是，仍然可以通过使用某些解决方法来检测图像是否已加载（即使它在缓存中）。因此，该事件的弃用实际上是非常令人恼火的，因为它至少可以作为检测图像何时完成加载到页面上的起点。

尽管如此，它已被弃用，因此我提出这个问题是希望我能找到答案，从而帮助我和可能很快遇到同样问题的其他人。

一个例子（在 jQuery 1.8 之前）

在不使用插件的情况下（因为这应该可以用很少的代码完成，因此不需要插件），我想在加载页面上的每个图像时调用一个函数。

像这样的东西（由于弃用，这将不起作用）：

我的问题

load既然事件不存在，有人知道如何实现这一目标吗？

请注意：如果（现在）实现这一点的唯一方法是使用 Javascriptnew Image对象，那么请不要浪费您的时间帮助我，因为其他人比我更需要您的帮助。我能够编写这段代码，对于如此基本的东西似乎有点啰嗦。

我只是问了这个问题，以确保在不使用 Javascriptimage对象的情况下无法实现这一目标

我当然会非常感谢任何帮助，我只是不希望你在其他人更需要你帮助的时候花太多时间在我身上。:-)

我正在使用 HTML5 画布制作游戏。我有一个大精灵表，其中包含我在游戏中需要的每个精灵。我已经阅读了一些关于什么可能是最好的预加载资产技术，但我还没有找到任何具体的东西。

所以，我决定只选择一种技术：CSS spritesheets。我使用了http://www.spritecow.com/加载 spritesheet.gif 文件并生成 CSS 代码的地方。问题是我找不到任何关于如何在 javascript 和 canvas 元素中实际使用单个精灵的教程！

有人可以帮帮我吗？如果您知道任何其他更好的预加载技术或库（如果可能，可以预加载图像和声音）。

编辑：使用 jQuery 的解决方案也很好。

我想使用 CAKE PHP MEIO 上传以编程方式从目录中生成 50 张照片的缩略图，而不是单独上传。

可能是通过调用一些meio上传库函数。

有没有办法上传这样的文件。

我正在寻找一种为我的网站轮播预加载图像的方法。它们在页面加载时很难加载。有没有一种现代优雅的方式来做到这一点？

我试过没有成功：

和一个 CSS 预加载：

我正在建立一个网页抽认卡来帮助我的学习。当我提出问题时，会显示一个图像，当我选择回答时，会显示另一个图像。选择答案后，我无需等待答案图像下载，而是在显示问题图像后立即开始预加载答案图像。我的预加载器是：

我的理解是，这会将图像文件缓存在浏览器中。通过将文件名分配给图像标签的 src 来显示图像文件。一旦图像文件与 Image() 对象相关联，那么当该文件被分配给 src 时，浏览器就会从缓存中提供图像。

如果我对我的回答感到满意，抽认卡将从牌组中取出，如果我对我的回答不满意，抽认卡将放回包中，稍后会被问到。

如果再次询问返回到卡片组的抽认卡，则将再次调用预加载以获取答案图像。

我的问题是：对我的预加载器的第二次和后续调用会导致从服务器下载文件以分配给新的 Image() 对象，还是会从浏览器缓存中读取。

提前谢谢了

我很难找到有关如何制作带有告诉您百分比的文本的 javascript（或 jquery）进度条的任何好的信息。

我不想要一个插件，我只想知道它是如何工作的，以便我可以适应我的需要。如何预加载图像并获取预加载图像数量的变量。此外，如何根据已加载的图像数量更改 html/css 和 - 或调用函数？

在 Google 的帮助下，我编写了一个小型预加载器脚本：

head必须在我的 HTML 文件中调用此函数才能获得最大效果，对吧？我真的需要申报var i = 0;吗？预加载完成后如何触发另一个功能？

另外，我想问一下如何在运行网站中实现这个功能。假设我有一个包含 100 个img标签的页面。我想我必须手动将源复制并粘贴到images数组中，对吧？因为要使用循环执行此操作，DOM 需要准备好，这再次意味着图像已经开始加载？

预加载会影响SEO吗？

如果有更好的 jQuery 预加载方式，我会同意的。

我需要将源图像的大小调整为目标图像，这就是我已经使用以下代码所做的

我正在使用

图像缩放库

但正如你在这里看到的，我得到的是虚线，而不是我想要的连续线。

谁能指导我如何实现我的目标？

谢谢你米希尔帕雷克

我已经搜索过，但无法找到使用 Bootstrap Carousel 预加载图像的方法。我正在建立一个包含大量图像的投资组合网站，现在 Bootstrap 轮播在加载所有图像后可以正常工作。

有任何想法吗？

要知道图像是否在缓存中，可以在 Firefox 中使用 mozIsLocallyAvailable()。chrome或IE没有这样的东西。

你知道其他方法吗？

我尝试使用 Ajax 检查“304 未修改”，但 Ajax 似乎有自己的缓存系统。（每次关闭浏览器，ajax缓存都会被删除）

我的目标是检测我的访问者何时清理了他们的缓存，这样我就可以重新启动我的“后台预加载”系统（适用于具有大量图像的游戏）。我听说过一些关于 AppCache 的信息，但还不足以知道它是否可以存储多达 40mb 的图像，以及它是否可以在页面完成加载后下载它们。

问候。