如何通过堆叠图像修复 Filterizr 响应式画廊？

Question

我目前正在使用一个名为 Filterizr 的 jQuery 库来创建图片库。

除了一个问题外，一切都很好……随机地，画廊将在一行中将每张图像堆叠在另一张图像之上。有点像一副展开的纸牌。

这是一张图片：

这只是偶尔发生。就像调整屏幕大小然后刷新页面一样。然而，它并不总是发生。

非常感谢任何帮助。

Answer 1

如果您的图像具有响应性并且具有自动定义的高度，则在 filterizr 脚本加载之前，图像不会以最终高度呈现。请参阅他们的常见问题解答中的以下内容：

“我的图像看起来没有高度 如果您的 .filtr-item 元素的高度取决于图像，那么您可能会遇到麻烦，因为它们的加载可能会很慢，您的项目的高度可能会被弄乱。要解决这个问题，您可以明确设置图像的高度，也可以使用 DeSandro 的 imagesLoaded 脚本，该脚本只有 5kb！”