瓷砖图片库

We opted to reduce the minimum size for lightboxing; it seemed like a good portion of those who used it were using slightly smaller or right at 400 x 300. THat worked nicely.

1 个赞

@Heather_Dudley How did you achieve that?
In the admin settings I could not find such a lightbox option to change the size.

It’s max image size and max image height - if you search for max image it’ll find them both. Anything over that limit gets lightboxed.

Hey guys

does anyone else still have issues with images being outside the post “box”?
See for example here, some of the images are shifted to the right side and not visible

Hi am new to Discourse and am exploring what image galleries are available. Am using PhotoPost Gallery at the moment for a vBulletin forum. Are there any importers available for importing PhotoPost into Tiles? Tried to find this but only came across the following, and if I’m not mistaken the verdict back when the posts were discussed was to import as topics? Is this still the way to do this?

Thanks for the component.

It works OK, but I’m not getting the “static preview” as can be seen in your example.

The photos are highlighted using the line on the left, but they are not resized.

2 个赞

After reading all the posts above, I found that many users have the same problem as I am.

Both “Titles Image Gallery” and “Slick Image Gallery” destroy the post layout when users use image smaller than the site setting “Max image width & height” in the Gallery. I understand that discourse don’t generate “lightbox” for small images. So no complaint if users won’t able to click or enlarge those small images.

However, it is impossible to force all forum members to upload image larger than the site setting “Max image width & height” value. Most forum members don’t even understand what is call pixel and don’t know how to check image size. They just upload any image they got, just the same way they upload to other social media.

Here is an example, if the site Max. image setting is set to 690px for both Width and Height. When users upload four 680x680px images to gallery. The post show large empty space in the post (680 x 2720px).
2021-03-24_083938

I understand that making the gallery work for all image size may take time to develop. But at the moment, I think it is better for the Gallery to hide those illegal size images, so at least it won’t break layout of post. Because broken layout give a bad impression to users. Just my two cents. :thinking:

3 个赞

When viewing in smartphone, the third image is missing.

There are total 4 images, I can view all in PC.

However, when viewing in smartphone the third image is missing.

From browser inspector, I can see the third image is place under the
“tiles-col–3”, which should not happening in small screen.

Because, css hide (display:none) “tiles-col–3” in small screen, which make image in column 3 missing.

Just want to say thanks for this TC. It complements a project I’m working on very well. Good work. :clap:

Why can’t images be displayed if they are smaller than max?

I’m experiencing the same issues as @lhkjacky describes.

Thank you @Heddson for creating a new TC to fix the problem of Tiles Image Gallery. :smiling_face_with_three_hearts:

Masonry Image Gallery:

I have replaced “Tiles Image Gallery” by “Masonry Image Gallery”.
Now, adding small images in Gallery won’t break the layout of the post. :partying_face:

2 个赞

我们使用 Tile 和 Slick 已经有几年了,我们的社区都非常喜欢它们! :+1:

我们最近将论坛更新到了 Discourse 3.0,但它们都开始有点奇怪地运行了。我认为这并非我们特定的设置问题,因为我们使用的是默认主题,只有一些基本的 CSS 自定义,而且这个问题只在更新后才开始出现。

Slick 的问题是,有几张额外的图片出现在幻灯片之外,并且下方有几行可点击的点。这应该能更好地解释这个问题:

至于网格(grid)那个,奇怪之处在于,额外图片的一小部分出现在网格的右侧:

在手机上,被切掉的图片更宽,但仍然是被切掉的:

我很乐意私信发送出现此问题的实时论坛链接。

还有其他人遇到这个问题吗?

我使用的是 Discourse 3.0.1 beta2。

预览没有显示静态预览:

但是,帖子正确显示了这 8 张图片:

您的图库中有多少张图片?您是否有图片具有奇怪的宽度/高度比例?

问题确实出在图片数量上:当图库中的图片数量超过显示图片项目符号的空间时,自 Discourse 3.0 起,它似乎会以一种奇怪的方式损坏。

这是所有内容都能正常显示且项目符号显示在图片下方的限制:

这是同一图库,只多了一张图片:

所有项目符号都向上移动并显示在照片上方:由于黑色背景,很难看清它们,但您至少可以看到左边的一个(悬停时会更明显),底部还有一个额外的项目符号。
以前,当有很多图片时,项目符号会堆叠在图库下方的行中。


可能相关的是,一些(同样很大的)图库——但不是全部——在更新到 Discourse 3.0 后也出现了一些小问题:

不清楚这是否是由于项目符号错位造成的。查看 HTML,在 ul.slick-listbutton.slick-next.slick-arrow 之间有几十个 \u003cbr\u003e,其中夹杂着两张丢失的图片。

1 个赞

您能自动用 CSS 排列图片,就像 Google Photos 一样吗?

此主题组件已弃用,您应该使用此处提供的新内置功能:

4 个赞

此主题组件是否有生命周期结束日期?我们正试图优先切换到新功能。

我认为这个组件可能已经坏了?在您的网站上还能正常运行吗?

[管理员通知] 您的某个主题或插件需要更新,以兼容即将到来的 Discourse 核心更改。(ID:discourse.fontawesome-6-upgrade)已识别主题:‘Tiles - Gallery Component’

1 个赞

这是一个已弃用的组件。

2 个赞