砌体图片库

哈哈 :grinning_face_with_smiling_eyes:。很高兴你解决了它!

1 个赞

您好 @Heddson

我附议此请求。有时我们在一个帖子中会发布大量图片,而网格/砌体布局不适合我们的论坛。是否有可能使用 Masonry TC 中的功能重新制作 slick 画廊组件?

在我看来,Masonry Image Gallery 与 Slick gallery TC 配合不佳,因为 slick 画廊中的图片开始显示为小缩略图。似乎 Masonry 组件以某种方式混入了 Slick 组件。

这是 Slick 与 Masonry 主题组件冲突的示例:

嘿!还没来得及看Slick TC,但我会试试看的。

3 个赞

@Heddson

目前有一个名为 auto enabled categories 的设置,用于在特定类别中启用自动 Masonry Gallery。
您能否添加一个类似的设置,例如 auto disabled categories,用于在特定类别中禁用自动 Masonry Gallery?我很乐意为该功能付费 :slight_smile:

有人在使用 auto 功能和图片之间的空行时遇到问题吗?每当有空行时,就不会生成砌体画廊。

它已经这样更长一段时间了。我估计就这样了,这不是一个 bug :flushed:

但是,当手动应用 div 标签时,问题并未出现,并且尽管图片之间有空行,但仍触发了 masonry gallery。

那么这是一个bug,可以说是。

这不是 bug,而是设计使然。:sweat_smile:

这样做的原因是,您可以通过添加空行来强制某张图片不包含在图库中。一种情况是,为了实现类似这样的功能:


通过添加:

![01|690x458](upload://7zW2bd5OUeGIz0oJoTcFvdiNfEc.jpeg) 

![02|333x500](upload://w6STfJO5Ie5MyIRC02ZFhXtmk1z.jpeg)
![03|397x500](upload://zwhs49h2t24IAOhSgmaDQa0PIEI.jpeg) 
![04|333x500](upload://islRhKn7yHfrg3N5CV6ZhPQfQP7.jpeg)

总之。我明白这可能并不总是您想要的行为方式,所以我将添加一个忽略空行的设置。

这应该不难添加,所以我也会添加一个该设置。

不幸的是,我无法重现您在使用 Slick 和 Masonry 时遇到的问题。

关于 Slick。我研究了一下,似乎无法像我用这个 TC 所做的那样重写它。所以这在短期内(不幸的是)不会发生。

2 个赞

我刚重新构建,现在我得到这个:

有什么想法吗?

1 个赞

嗯,这很奇怪。我没有对存储库做任何操作。如果重新安装 Masonry,你还会遇到错误吗?我会在我自己的论坛上检查是否遇到相同的问题。

安装时出现 500 错误。

这听起来像是 Discourse 的问题。您使用的是 GitLab 而不是 GitHub——这会是现在的问题吗?因为它是在重建到 2.9.0beta11 (208d22cfc2) 之后出现的。

一个临时的解决方法(使其能够工作)是下载gitlab的zip文件并在Discourse中手动安装。

1 个赞

是的,我知道。我实际上是在那个 500 错误之后立即做的 :wink: 当然,那进行得很顺利。

1 个赞

我已更新组件,添加了允许图片之间空行和禁用类别(均用于自动创建图库)的设置。

别以为 GitLab 的 bug 已经修复了。所以如果你已经更新了 Discourse,你可能需要从 GitLab 获取 zip 文件。

3 个赞

在 beta11 上测试过了,效果非常好! :heart: :heart: :heart:

1 个赞

我想说我的社区非常喜欢这个组件。我们的许多主题都包含大量图片,它将阅读体验从痛苦变成了愉悦。所以,谢谢!

2 个赞

您好。此组件无法用于已发布的页面。能否对此进行配置?

是的,无法在已发布的页面上使用它。已发布的页面似乎无法运行 JavaScript(来自主题组件)。

1 个赞

我认为开发人员应该考虑这个问题。如果有一个页面发布功能,那么为了充分利用它,值得对论坛代码进行适当的补充。或者你是说这绝对不可能?

1 个赞