问题标签 [imagesloaded]

我在获取 Masonry 布局以正确加载图像时遇到问题，我对 javascript 相当陌生，希望能得到一些帮助和建议。我尝试了 imagesLoaded，但无法使其正常工作，主要是因为我不太确定是否将正确的 javascript 放在正确的位置。

这是我从网站http://imagesloaded.desandro.com/获取的loadedImages javascript

我已将其保存为 masonry.js 并将其加载到 html 中。

在 masonry.pkgd.min.js 我写过：

砖石工程，但是当我刷新页面时布局中断。如果我调整浏览器，它会自行修复。这是向您展示正在发生的事情的网站：http ://www.elraymond.com/

再次，非常感谢任何建议或指示来纠正这一点。

谢谢

我每次调用这个javascript函数时都会遇到一个大left问题去排队rightleftrightsyllable_text.html(slice.The_Syl);

这里我如何调用这个函数

这里有两个图像

更新的脚本

使用我在 ImagesLoaded 中找到的 ImagesLoaded脚本 后

似乎它并不关心所有图像何时真正完成加载我假设有第二种方法可以使用此脚本

我对 Webpack 很陌生，只是想弄清楚这一点。

我想使用 Webpack 将 Packery 和 Imagesloaded 包含到我的 WordPress 站点中，但它似乎不起作用。

这是我的文件夹结构：

下面是我完整的 webpack.config.js

下面是我的 bundle.js 文件内容，位于 src/js/bundle.js：

下面是我的functions.php文件：

任何帮助将非常感激，

谢谢杰克。

我正在努力让我的同位素在图像加载后执行，因为否则，同位素项目会重叠。- 我正在尝试将 ImagesLoaded 插件 ( http://imagesloaded.desandro.com/ ) 应用于我的同位素，但是，在图像加载后我正在努力执行同位素。

下面是我没有加载图像的同位素，如果有人知道如何去做，我将不胜感激！（：这是我的同位素在行动：http: //illuminategg.hol.es/portfolio.html

我目前正在使用来自https://gist.github.com/gregrickaby/10383879的代码。当我将它用于我的 tumblr 博客时，砌体无法正常工作，而是在我的图片之间有空格，例如1

这是代码的复制和粘贴：

（功能（） {

})();

html如下：

我正在使用flickity 画廊并加载了图像，但是当我运行以下命令时，不会删除 img：

我也尝试过不运行.remove()图库插件，但我仍然得到损坏的图像

现在可能已经太久了，但似乎无法让 packery/imagesLoaded 组合与我的 Kirby 网站一起使用。我得到了臭名昭著的图片重叠。以下是我在标签中输入 imageURL 的地方。

这是我在页脚中初始化 packery 和 imagesLoaded 的地方：

I know there a a bunch of people with the same issue and I have tried some other solutions like this one but no avail. Does it have to do with the manner in which I serve the images? Any info and help is greatly appreciated.

我真的不知道如何解释，所以你可以在这里看到错误。这些帖子基本上相互拥挤并相互重叠。我正在使用 javascript 代码进行无限滚动：

从我注意到它有时有效，有时无效，我认为这取决于帖子如何安排自己或我不知道。您可以在此处访问该页面。不过，它可能适用于您的解决方案。我相信它也连接到 css 命令#maino {verflow:hidden/visible/scroll}如果我选择滚动，我会得到 2 个滚动条，所以这不行

I made some combination between the old code and the new one but it still doesnt work properly as some posts still overlap. They might not overlap for a smaller resolution tho, so here's an image, and you can see the site here.

the sources:

and the code:

也许有人对我的问题有提示。我遇到了与 GitHub 上描述的相同的问题，但提供的解决方案不适用于我的情况

我有一个同位素砌体网格，结合了infiniteajaxscroll插件和imagesloaded 插件。

它工作正常，除了一个问题：单击“加载更多”按钮后，新项目出现在页面顶部（与其他内容重叠），然后它们在正确移动到网格后不久。在加载所有内容之前隐藏它们似乎在我的代码中不起作用。

这是我的代码片段，我将不胜感激。我发现的一个快速解决方法是在渲染之前将项目设置为 opacity:0，在我的函数中渲染后设置为 opacity:1。但这也造成了另一个故障，使项目出现的空间闪烁。

该问题仅在第一次单击/加载时出现。谢谢你的帮助！