砌体图片库

我同意你的说法。我不是 Discourse 的开发者,所以我不知道什么可行,什么不可行。

2 个赞

GitLab 错误现已修复。感谢您的报告,@Jagster:star:

2 个赞

Just out of curiosity, how does this bit work:

    &::before,
    &::after {
      content: "";
      flex-basis: 100%;
      width: 0;
      order: 2;
    }

I can see it shift things around but I don’t really get it fully :thinking: 2 pseudoelements, without any width, both being placed on the second position…?

@chapoi

这两个伪元素用于防止列合并。它们没有宽度,因为它们不应该被看到,但在下图中,它们用蓝线表示。

没有它们,如果列的高度差异过大,列可能会开始合并。

图中第 3、6 和 9 个元素被设置为第 3 列(order 属性设置为 3)。但如果我们移除伪元素,第 3 列将直接出现在第 2 列下方(即使设置了 order 3)。请看下图。“第 3 列”以绿色突出显示。

这是因为 flexbox 会检查它前面的列(与最高列相比)是否还有空间。如果空间足够容纳第一个元素,它就会插入到那里。

但是,伪元素就像列一样,所以 fluxbox 会检查伪元素(而不是真正的列)是否有空闲空间。由于伪元素的高度为 100%,fluxbox 将找不到任何空闲空间,因此第 3 列将从我们想要的位置开始。

希望这很清楚易懂。:sweat_smile:

2 个赞

非常巧妙的解决方案!

:grin: 我不是自己想出那个的。

我托管的论坛上的一位用户提到,当翻转移动设备(平板电脑、手机)的屏幕时,图片无法正确调整到新的分辨率。当图片的纵横比(过高)与屏幕不同时,就会发生这种情况。因此,图片的顶部和底部会丢失一部分。有没有办法优化这一点?我不知道这是否可能或是否容易实现。

感谢您的反馈!是的,翻转设备时不会刷新。当时我没有找到解决方案,但我会再看看。

1 个赞

很遗憾,我还没有找到一种足够好的方法来处理设备翻转。

另外,如果你们还没看到公告,图像网格刚刚被添加到核心功能中了。它的工作方式与这个主题组件不完全相同,但看起来非常棒,而且能将其加入核心功能真是太棒了。请查看此主题:

6 个赞

我创建了一个包含六张图片的帖子,使用了 masonry 图片库标签。到目前为止,一切都很好。然后我为每张图片添加了一个链接,这样当用户点击图片时,它就会带他们到另一篇帖子。当我这样做时,它在 Onebox 中看起来仍然不错,但实际帖子失去了其 masonry 格式,只是按顺序显示了图片。

这是个 bug 还是因为链接而无法正常工作?

1 个赞

@Octoberon!它并非设计用于链接/onebox,所以这很可能是问题所在。它的设计初衷是在您单击图像时打开一个灯箱。不过我之前也有过类似的要求…… :thinking:

顺便问一下,您是如何将链接添加到图像的?

2 个赞

是的,我曾怀疑会是这种情况。要创建链接,我只需在编辑器中突出显示图像的文本,然后使用常规的超链接按钮将链接粘贴到同一论坛上的另一篇文章。

1 个赞

在图片网格主题中,有人提到了隐藏作曲家按钮。也许这已经通过 CSS 或其他方式解决了,但我想它可能对其他人也有用。也许如果你启用了自动创建,就不需要按钮了……:slight_smile: 。无论如何,现在添加了隐藏按钮的选项。

1 个赞

有人在使用自动功能时遇到问题吗?我们用 3.1 和 3.2 稳定版进行了测试,在这两种情况下,它都无法正常工作,并且尽管已正确设置了类别,但仍未生成任何砌体画廊。

1 个赞

@jrgong!奇怪,在我这里好像可以正常工作。你有没有一个无法正常工作的帖子的链接?

1 个赞

由于您必须登录才能查看该帖子,因此我无法查看。抱歉。

我想也许我曾经登录过那个暂存站点(对吗?),但现在找不到了。

1 个赞

你好

抱歉,此链接有效:350ml Challenge Just4Fun 🚀 Auf geht's 🚀 [Finale] - #91 von Hoppsi - Contests - Forum | Cannabisanbauen.net

2 个赞

我猜您已启用该特定类别的自动设置,并且所需的最低图片数量设置为 3(因为您的帖子中有三张图片)。

我注意到图片之间有一个空行。您是否启用了“自动允许空行”设置?

1 个赞

是的,两个设置一直都已启用

1 个赞

未能重现此问题。我唯一能想到的是,可能安装了另一个与 Masonry Image Gallery 不兼容的主题组件(或插件)。

1 个赞