问题标签 [imagesloaded]

我在使用 Wordpress 中的 Masonry 布局使 flexslider 工作时遇到了困难。我已经在使用 ImagesLoaded，但由于这段代码，它不适用于 Flexslider。

我确实尝试将其更改为下面的这个，但它并没有按照我想要的方式工作。

我当前的 jQuery 代码是：

任何人都知道如何在砌体布局之前先加载 flexslider，这样帖子项目就不会重叠？

我正在使用 packery 创建一个网站，并且正在尝试使用 imagesLoaded 修复一些布局问题。我通过这样的html启动packery：

我正在尝试像这样使用 imagesLoaded：

但它不起作用，我不知道该怎么做:(

我正在尝试调用 imagesLoaded 函数（在脚本区域中正确导入），但是从组件道具内部调用它时，我收到一个错误，它是未定义的。

我的代码：

如果我在反应组件之外调用 imageloaded 构造函数，它就可以工作。我错过了什么？

嘿嘿，

我在砌体项目中遇到问题：Oliver Rath

每个项目下方都有一条意外的黑色条纹，请看截图：

我已经尝试了通常的建议，例如操作显示或填充值。有谁知道热摆脱这个？

到目前为止，这是我的 JS：

提前致谢。

目前在我的网站上，一旦为所有项目加载了所有图像，我就会使用 imagesloaded 来进行砌体。但这会导致一系列项目（项目 div 排列在另一个下方），直到所有图像都被加载，然后砌体发生。

我想在准备好文档时立即进行砌体，然后在将图像加载到构成项目的每个 div 中时附加图像，但是当我尝试这样做时，结果看起来很难看，div 在砌体布局中垂直重叠。

我想知道如何完成延迟加载具有正确高度的图像到每个 div 而不使用砌体附加重叠？

在 20 分钟后大约 4 小时，我预计需要使用一些新的 wordpress 主题来设置砌体，我决定最好寻求帮助。

我的 html 样机站点中加载的图像的砌体工作正常，这里是精简的 html 代码。

问题：

我如何让它与 Wordpress 一起工作？

到目前为止我尝试过的

几乎所有我能在谷歌上想出的东西。（我数了 40 多个标签打开试图找到答案）这是我开始的简单变化..

在 functions.php 中（函数中绝对没有其他内容）

在 footer.php 中（图片已加载）

在 index.php 中（也尝试从 functions.php 而不是在 html 中初始化）

在 header.php 中

笔记

• 禁用所有插件
• 它是一个自定义的父主题
• 函数目前是空的，除了上面写的
• wordpress 版本 4.2.2，在 js 文件夹中确认了砌体
• 我读过ImagesLoaded 内置在wordpress 的砌体中

我猜

这是显而易见的事情

我的目标是将函数放在setupSorting函数内部ImageLoad。它们在分开时起作用（此处），但在组合时排序失败（此处）。

这个：

需要进入这个：

最终目标是喜欢这个页面，只有排序：http: //vestride.github.io/Shuffle/images/

我将砖石与 imagesLoaded 结合起来，如下所示：

但出现错误：Uncaught TypeError: Cannot read property 'length' of null

我究竟做错了什么。

编辑

我有两个砌体电话，也许这会导致问题，另一个是相同的，一个接一个：

我有一个集成了 2 个第三方库、imagesLoaded 和 Isotope 的组件。

在浏览器和 cli 模式下运行测试时出现冲突的测试失败。错误是：

Error: Assertion Failed: You have turned on testing mode, which disabled the run-loop's autorun. You will need to wrap any code with asynchronous side-effects in a run

或者

TypeError: 'undefined' is not an object (evaluating 'self.$().isotope')

当我尝试在 ember 运行循环中包装回调时，它们在 cli 模式下传递，但在浏览器模式下失败。我似乎找不到合适的组合。这个问题似乎发生在 imagesLoaded 的回调中，好像我删除了那个插件，它似乎通过了。

我尝试了多种组合，但这是我最新的代码。如果有人对如何正确使用此组件中的运行循环有见解，那将很有帮助。

我正在检查是否加载了不使用imagesloaded库的图像，如果图像无法加载，那么我将用“data-src”替换“src”。基本上我的html结构如下。

我使用了如下加载的图像

在上面的代码中，当我知道 URL1 已损坏时，我将 src 替换为 data-src。

但有时由于服务器负载过重，如果 URL1 的服务速度非常慢，那么我希望如果 URL1 无法在 20 秒内加载，则将 src 替换为 data-src。

为此，我正在考虑一个独立的功能，它将在 20 秒后完成。但我的问题是这会是个好方法吗？在运行时修改延迟对象是否可以。

我试图在 imagesloaded.js 上编写包装器以满足我的要求，但没有运气。

我还尝试了https://github.com/darsain/imagesloaded（不同版本），但没有按预期工作。

谁能建议如何解决上述问题？使用独立函数替换 url 可以吗？