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.
@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.
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. ![]()
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. ![]()
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. ![]()
Masonry Image Gallery:
Substituí “Tiles Image Gallery” por “Masonry Image Gallery”.
Agora, adicionar imagens pequenas na Galeria não quebrará o layout do post. ![]()
Estamos usando Tile e Slick há alguns anos e nossa comunidade gosta bastante de ambos! ![]()
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.
Este componente de tema está obsoleto, você deve usar o novo recurso integrado apresentado aqui:
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’.
É um componente obsoleto, no entanto.














