问题标签 [imagesloaded]

我对javascript很陌生，所以如果描述得非常可怕，请耐心等待......如果有人可以花时间为我检查这段代码，我相信有一个简单的解决方案：

http://nang-nang.net/masonry/index.html

^我的考场

我正在尝试使用 Masonry，但未加载的图像导致元素重叠。提供了一个名为 ImagesLoaded 的解决方案（在 Masonry 附录页面中），我尝试过，但无法让它工作。然后我想，ImagesLoaded 可能无法正常工作，因为导致问题的图像是由另一个 javascript 生成的......

我正在使用从您的 tumblr 博客中提取最新图像的脚本。这是我最新的 tumblr 图像，在 Masonry 安排我的元素之前没有加载。所以 tumblr 元素之后的元素总是出现在它的上面。（我无法设置该图像的高度，因为它总是变化的。）

我想我的问题是；在 Masonry 可以安排我的元素之前，如何让 tumblr 脚本加载我最新的 tumblr 图像？

我正在使用 jQuery Isotope 创建一个水平布局，将 100% 高度的 DIV 对齐，并将每个 DIV 内的图像垂直居中。因此，我像这样调用 Isotope，并且在 Chrome（本地）中一切正常：

由于图像需要时间加载，它们往往会弄乱同位素布局，所以我正在尝试使用 imagesLoaded 修复：http: //isotope.metafizzy.co/appendix.html

我像这样实现了这个修复：

使用此 imagesLoaded，同位素不再加载。删除 imagesLoaded，Isotope 再次启动（但布局混乱）。有谁知道，错误在哪里？

谢谢！

我正在构建一个应用程序，它可以加载多个图像并对其进行动画处理。为此，我需要加载图像，获取宽度并将 margin-left 设置为图像的宽度。这在大多数情况下都有效，但有时 imagesloaded 插件认为图像已加载，但当我访问宽度时，它会显示为 NaN。

任何建议/想法表示赞赏。我在 Mac 上使用谷歌浏览器！

我在一个磁贴中有以下动画元素，它们（视觉上）在它们的 z 轴上旋转......它在下一页......

http://sthera.com/modelos.php

并且它是这样编码的（有点暴力，如果想到一个更优雅的解决方案，它也将不胜感激）......

.a1 ... .a7分类图像在哪里。

此代码在我的本地测试服务器中完美运行，但不是远程...

我认为问题可能与 $(document).ready... 运行时未加载的图像有关，因此我使用了另一个用户推荐的 imagesLoaded 插件...使用 JQuery 预加载图像以获得主色图像......虽然没有工作。图像加载后代码正在运行，但显然这不是问题。

（提前谢谢了。

我正在将 Masonry 用于项目并相应地应用 imagesLoaded。

经过多次测试后，我发现这两者几乎完美地结合在一起，但有时它们会失败。99% 的情况是 imagesLoaded 的错。

但是，在 Internet Explorer 上，imageLoaded 似乎比在任何其他浏览器中加载失败的次数要多得多。

这是我发现的：

• 如果您打开一个新选项卡并直接输入 URL -> imagesLoaded 作品
• 如果你点击刷新 - > imagesLoaded 作品
• 如果您输入 URL，点击刷新，在地址栏中标记文本并按 Enter -> imagesLoaded 失败
• 如果在控制台打开的情况下重复上述操作 -> imagesLoaded 有效
• 有时如果感觉像它，它就不起作用......

这是怎么回事？这只发生在 Internet Explorer（11、10、9 等）中。

这是JS：

还有一个演示页面： http: //lorem-blogsum.tumblr.com/

任何想法为什么我需要至少 300 毫秒的超时时间才能让 imagesLoaded 在 Firefox 上运行？如果我设置得更少，imagesLoaded 事件会在图像加载之前立即触发。我使用的是最新版本 3.1.x。

大家！

我正在从头开始构建我的第一个网站。我知道 HTML 和 CSS，但我对 JavaScript 和 PHP 的了解非常基础。因此，对于我使用 Masonry 网格布局库的网站，将其与 ImagesLoaded 相结合，这样图像就不会重叠。根据官方网页上的说明，我在我的 HTML 中包含了一个脚本，但不知何故它根本不起作用。（只是 Masonry，没有 ImagesLoaded，正在工作，但图像重叠。）请告诉我，我做错了什么。

这是网页。如您所见，Masonry 没有初始化。

http://vprilenska.netai.net/design_archandfilm.php

这是脚本。我已将它包含在我的 HTML 底部的正文结束标记之前。

是的，砌体应用于物品。每个项目都是一个带有图像和标题的 div，向右浮动。所有图像都位于容器砌体中。列宽和装订线由元素定义。

我正在用 php 编写一个 wordpress 插件。在那个插件中，我输出带有一点文字的图片，并希望用砖石来做到这一点。

当我在 HTML 中初始化砌体时，它似乎可以工作，但图片重叠：

因此我正在尝试使用“Imagesloaded”（由同一开发人员？）。

但正如我所见，在我可以使用 ImagesLoaded 之前，我需要让 Masonry 启动并使用 javascript 运行。当我在我的 plugin_scripts.js 中初始化 Masonry 时，我在前端收到一个错误：

plugin_scripts.js：

前端控制台错误：

你能帮我吗？

我在一页中有多个同位素容器。我能够使用 ajax 将新项目加载到每个容器中，但是当我尝试在使用 imagesLoaded 插件加载图像后重新布局项目时，它仅适用于最后一个容器。

一旦我通过 ajax 获得项目，我的代码如下：

似乎 imagesLoaded 只被挂在最后一个容器中，不知道为什么。我没有实时链接可以分享，抱歉

我一直在使用 Isotope 2.0 jQuery 插件。查看旧示例，我发现许多选项已更改（初始化等...）。我发现只有一个适用于 2.0 版本的工作示例：

目前我有两个问题：1）。如何将此脚本与加载的图像插件集成。doc 中的示例不起作用，因为它与我的 init 脚本不同。2）。我在网站上有几个 div 块，我会独立地将它们与 Isotope 一起使用，换句话说，该init方法应该由一个基本脚本组成，我可以在其中列出可用的容器，并且它们将为您提供自己的独立过滤器。

怎么可能解决？我见过类似的答案 ，但它只适用于 1.5.x 版本