Galeria de Imagens de Azulejos

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 curtida

@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 curtidas

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 curtidas

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 curtidas

Estamos usando Tile e Slick há alguns anos e nossa comunidade gosta bastante de ambos! :+1:

Recentemente, atualizamos nosso fórum para o Discourse 3.0 e ambos começaram a se comportar um pouco estranhos. Não acho que seja de nossa configuração específica, pois usamos o tema padrão com personalizações básicas de CSS e isso só começou a acontecer após a atualização.

O problema com o Slick é que algumas imagens adicionais aparecem fora do slideshow e, abaixo, há várias linhas de pontos clicáveis. Isso deve explicar melhor:

Quanto ao grid, a peculiaridade é que uma pequena fatia de uma imagem adicional está aparecendo à direita do grid:

No celular, a imagem fatiada é mais larga, mas ainda fatiada:

Ficarei feliz em enviar PM com links para um fórum ativo onde isso está acontecendo.

Mais alguém está passando por isso?

Eu uso o Discourse 3.0.1 beta2.

A visualização não mostra uma visualização estática:

No entanto, a postagem mostra as 8 imagens corretamente:

Quantas imagens você tem na sua galeria? Você tem imagens com proporção de largura/altura engraçada?

O problema é realmente o número de imagens: quando a galeria tem mais imagens do que espaço para exibir os marcadores de imagem, ela parece quebrar de forma estranha desde o Discourse 3.0.

Aqui está o limite até o qual tudo funciona bem e os marcadores aparecem sob a imagem:

Aqui está a mesma galeria com apenas mais uma imagem:

Todos os marcadores se moveram para cima e são exibidos sobre a foto: é um pouco difícil de vê-los com o fundo preto, mas você pode ver pelo menos um à esquerda (eles ficam mais perceptíveis ao passar o mouse), com o adicional aparecendo na parte inferior.
Anteriormente, ao ter muitas imagens, os marcadores se acumulavam em linhas abaixo da galeria.


Possivelmente relacionado, algumas galerias (também grandes) — mas não todas — também ficaram um pouco quebradas após a atualização para o Discourse 3.0:

Não está claro se isso se deve ao desalinhamento dos marcadores. Olhando para o HTML, entre ul.slick-list e button.slick-next.slick-arrow existem dezenas de <br> com as duas imagens perdidas entre eles.

1 curtida

você pode organizar imagens automaticamente com CSS como o Google Fotos?

Este componente de tema está obsoleto, você deve usar o novo recurso integrado apresentado aqui:

4 curtidas

Existe uma data de fim de vida para este Componente de Tema? Estamos tentando priorizar a mudança para o novo recurso.

Acho que este componente pode já estar com defeito? Ainda está funcionando bem no seu site?

[Aviso do Administrador] Um dos seus temas ou plugins precisa ser atualizado para compatibilidade com as próximas alterações principais do Discourse. (id:discourse.fontawesome-6-upgrade) Tema identificado: ‘Tiles - Gallery Component’.

1 curtida

É um componente obsoleto, no entanto.

2 curtidas