问题标签 [image-loading]

我正在使用div其中包含任意数量的img元素的一个。现在，每个img都有以下 CSS：

并且可以使用依次显示和隐藏图像的功能循环显示图像。但是，在加载每个图像时，我想显示一个“正在加载...”图像。我想使用 JavaScript/jQuery 将每个不完整图像的源交换为“正在加载...”图像，同时仍然允许它加载。什么是精益和卑鄙的方式来做到这一点？

我需要能够等待启动一个函数，直到图像的高度和宽度可用。当这段代码调用start()时，它仍然说高度和宽度为零：

我怎样才能让它等到尺寸可用后再打电话start()？

我想显示一个图像加载器并继续检查，直到图像存在于特定文件夹中。

请求的图像是通过队列动态生成的，所以我不知道什么时候

图像实际上会在那里，但我手里有它的名字。

这个过程包括两个步骤

1st: POST 请求将图像提交到队列脚本。第二：显示加载器，直到图像实际存在，然后显示图像本身。

非常感谢您的帮助。

作为参考，我需要帮助的内容位于：

http://www.photographeller.com/portfolio

我想做的是，当您单击要打开的投资组合部分时，在它打开之前预加载图像，然后扩展该部分并让图像淡入视图，在图像加载时可能带有加载器图像或其他东西的那个效果。与现在不同的是，该部分打开的位置和图像突然加载的位置。然后，当单击关闭该部分时，使图像淡出。另外，如果可能的话，在该部分扩展时对其进行一些缓和，但这只是我很挑剔。

我使用的 jquery 代码切换了更改图像容器宽度的类。应用的类还将主图像的显示更改为无，并将部分中其他图像的显示从无更改为内联。还有另一段代码，正如我在关于堆栈溢出的最后一个问题中提供给我的，它采用了单击部分中所有图像的组合宽度，并应用于包含 div 的部分。这是我为此效果的代码：

我已经在 .boxgrid 的 .click 函数中尝试了一些东西，例如在所有具有隐藏类的图像上使用 .fadeIn()，但它并没有真正按照我想要的方式工作。它还会导致显示该类的每个部分中的所有图像，而不仅仅是单击的部分。

好吧，我为这个冗长的问题道歉。对此的任何帮助将不胜感激。谢谢！

我有一个图像调整器功能，可以按比例调整图像大小。在每个图像加载时，如果它的宽度或高度大于我的最大宽度和最大高度，则使用图像调用此函数并调整大小。我可以在 FF Chrome Opera Safari 中获取 img.width 和 img.height 但 IE 失败。我该如何处理？

让我用一段代码解释一下。

在我的高亮行中，img.width 不适用于 IE 系列。

有什么建议吗？

谢谢。

我正在尝试禁用某些 WebView 的图像自动加载，同时保持其他 WebView 处于启用状态。但是，当我为 WebView 禁用它时，所有 webviews 都会停止加载图像。下面是我使用的代码：

实现我的目标的正确方法是什么？

我有一张图片，out.jpg每秒或多或少地更新一次。我希望图像显示在 HTML 文件中，并且始终是最新的。我最初的解决方案是每半秒重新加载一次图像。这工作正常，但图像在加载时会闪烁一秒钟。

有什么解决办法吗？

我试图解决这个问题的方法是将图像加载到单独的隐藏<img>标签中，然后将其加载到可见<img>标签中，并让它从缓存中打开它，消除闪烁。这在部分时间有效，但通常out.jpg会从隐藏标签加载它和可见标签加载它的时间发生变化......导致更多闪烁。

我的代码有问题……我觉得这只是一个粗心的错误……但我一辈子都找不到它。这是我的代码：

这很好用；但是我在循环中调用此代码，它一遍又一遍地附加图像......我尝试使用：

但这没有任何效果...帮助任何人？

这在标题中很难解释......首先，这是我在 Actionscript 中的代码：

此脚本用于 Flash 中的加载程序图像库，作为类分配的一部分。发生的情况是，在 Flash 中，当我打开 swf 文件时，初始图像 (images/nair_evanescentautumn.png) 将正常加载。但是，单击任何缩略图（包括完全相同的 images/nair_evanescentautumn.png）将导致错误提示找不到文件。

我无法弄清楚它为什么会这样做......我已经对其进行了测试。单击每个缩略图确实会转到两个单独功能中的正确位置。所有所说的全尺寸图像链接都在文件夹 images/ 中，替换初始加载器图像将加载其他图像以代替默认图像。但是，即使一切正常，单击任何缩略图仍会导致找不到 URL。

这简直快把我逼疯了……创建一个简单的画廊不会这么难。

不过，作业要在星期三交……我敢肯定我可以在课堂上问我的导师，但我更愿意在那之前完成它，除了发布这个我想不出别的办法。

非常感谢所有帮助...

编辑：

抱歉没有发布错误...

编辑2：

这是整个文件集的链接：

http://www.tsr-online.org/flash/index.swf

我的服务器不允许访问 /flash 文件夹索引，但我可以提供目录列表。

/flash 目录： /images（包含所有图像） /cmsn（包含missions.swf 子页面） index.swf home.swf blog.swf traditional.swf digital.swf photography.swf Commissions.swf

在有人问我为什么要把这种内容放到 Flash 站点之前，我不是——这只是为了课堂作业。我只是想弄清楚为什么我的图像没有正确加载，而我只在函数中执行与在其他页面上完全相同的操作。

值得注意的是，commissions.swf 具有完全相同的功能，只是加载了 swf 文件，并且运行良好。家庭、传统、数字和摄影都有图片库，并且都有相同的问题（我只引用了一页，因为如果我能修复一页，我应该能够修复所有这些）。

至于艺术品，都是我未婚夫的。网站设计是为她构建的，我在这个项目中使用了网站设计，因为我不想构建一个全新的界面设计。由于该项目还需要一个画廊，我觉得这个界面可以正常工作。

我最近在使用 LocalConnection 时遇到了这个模糊的错误。
每次我尝试连接并将数据发送到另一个 swf 时都会发生这种情况。进行互联网搜索时几乎没有找到与 LocalConnection 相关的结果，而这个错误和一些人的反应简直是荒谬的。显然，这个错误也与图像加载和文件引用有关，只是在这种情况下不是。我的发送代码工作正常，即使 event.level 作为状态返回，这意味着另一个 swf 收到了消息，但是另一个 swf 回调函数中的跟踪没有显示，告诉我回调从未触发。

图像加载错误
我在加载图像时再次陷入困境。
答案已更新，包括对此的修复。