Galeria de Imagens de Azulejos

Optamos por reduzir o tamanho mínimo para a visualização ampliada; parecia que uma boa parte dos usuários que a utilizavam estava usando imagens ligeiramente menores ou exatamente de 400 x 300. Isso funcionou muito bem.

1 curtida

@Heather_Dudley Como você conseguiu isso?
Nas configurações de administração, não encontrei uma opção de lightbox para alterar o tamanho.

É tamanho máximo da imagem e altura máxima da imagem — se você pesquisar por

E aí, pessoal

Alguém mais ainda tem problemas com imagens aparecendo fora da “caixa” da postagem?
Vejam, por exemplo, aqui: algumas imagens estão deslocadas para o lado direito e não estão visíveis.

Olá, sou novo no Discourse e estou explorando quais galerias de imagens estão disponíveis. Atualmente estou usando o PhotoPost Gallery em um fórum vBulletin. Existem algum importador disponível para importar o PhotoPost para o Tiles? Tentei encontrar isso, mas só encontrei o seguinte e, se não me engano, o veredito quando as postagens foram discutidas foi importar como tópicos? Ainda é assim que se faz isso?

Obrigado pelo componente.

Ele funciona bem, mas não estou recebendo a “prévia estática” como pode ser visto no seu exemplo.

As fotos estão destacadas pela linha à esquerda, mas não estão sendo redimensionadas.

2 curtidas

Após ler todas as mensagens acima, percebi que muitos usuários têm o mesmo problema que eu.

Tanto o “Titles Image Gallery” quanto o “Slick Image Gallery” quebram o layout da postagem quando os usuários usam imagens menores que o valor configurado no site para “Tamanho máximo da imagem” na Galeria. Entendo que o Discourse não gera “lightbox” para imagens pequenas. Portanto, não há reclamação se os usuários não conseguirem clicar ou ampliar essas imagens pequenas.

No entanto, é impossível obrigar todos os membros do fórum a fazer upload de imagens maiores que o valor configurado no site para “Tamanho máximo da imagem”. A maioria dos membros do fórum nem entende o que é um pixel e não sabe como verificar o tamanho da imagem. Eles simplesmente fazem upload de qualquer imagem que tenham, da mesma forma que fazem em outras redes sociais.

Aqui está um exemplo: se a configuração máxima de imagem do site estiver definida para 690px tanto para largura quanto para altura. Quando os usuários fazem upload de quatro imagens de 680x680px para a galeria, a postagem exibe um grande espaço vazio (680 x 2720px).


Entendo que fazer a galeria funcionar com todos os tamanhos de imagem pode levar tempo para ser desenvolvido. Mas, no momento, acho que seria melhor que a Galeria ocultasse essas imagens com tamanhos inadequados, para que, pelo menos, o layout da postagem não seja quebrado. Porque um layout quebrado passa uma má impressão aos usuários. Apenas minha opinião. :thinking:

3 curtidas

Ao visualizar no smartphone, a terceira imagem está ausente.

Há um total de 4 imagens; consigo visualizar todas no PC.

No entanto, ao visualizar no smartphone, a terceira imagem não aparece.

Pelo inspeção do navegador, vejo que a terceira imagem está posicionada sob “tiles-col–3”, o que não deveria acontecer em telas pequenas.

Isso ocorre porque o CSS oculta (display:none) “tiles-col–3” em telas pequenas, fazendo com que a imagem na coluna 3 desapareça.

Só queria dizer obrigado por este TC. Ele complementa muito bem um projeto em que estou trabalhando. Bom trabalho. :clap:

Por que as imagens não podem ser exibidas se forem menores que o máximo?

Estou enfrentando os mesmos problemas que @lhkjacky descreve.

Obrigado @Heddson por criar um novo TC para resolver o problema da Tiles Image Gallery. :smiling_face_with_three_hearts:

Masonry Image Gallery:

Substituí “Tiles Image Gallery” por “Masonry Image Gallery”.
Agora, adicionar imagens pequenas na Galeria não quebrará o layout do 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