Galeria de Imagens de Azulejos

Por que não podemos usar a galeria de imagens em mosaico quando há apenas 2 imagens? Ela mostra apenas 1 imagem de “miniatura”. Mas quando há 3 ou mais imagens, funciona. Esperamos que, um dia, a galeria de imagens em mosaico funcione mesmo com apenas 2 imagens.

Muito obrigado

1 curtida

Então, estou com um problema em que esse componente falha para mim. Instalei-o no tema padrão apenas para fazer um teste antes de adicioná-lo aos outros, mas não está funcionando corretamente. Eu mesmo tentei, e os usuários também.

É isso que acaba acontecendo:


O tópico de teste está aqui.

1 curtida

Quais outros componentes/plugins você está usando? Um conflito geralmente é o culpado nessas situações, já que esse componente funciona bem em ambas as minhas instâncias do Discourse.

Além disso, estou ansioso pelo NaNoWriMo este ano! :wink:

1 curtida

Nada de firulas. Apenas isso, sem plugins.

(O do Vincent é puro CSS, apenas no tema Vincent, não no padrão.)

No primeiro ano, teremos o nano no Discourse. Mal posso esperar.

1 curtida

Eu também estou usando o Vincent em um dos meus sites. É um ótimo tema, embora você possa precisar corrigir o CSS em alguns lugares, pois o tema não foi atualizado para as mudanças do Discourse 2.3. (Acabei de adicionar um componente de tema contendo as correções de CSS… bem fácil.)

Estou usando todos os componentes que você, exceto o “Staff Color Fix”.

Você está usando algum plugin incomum?

Não, nenhum plugin, apenas SSO

Certo, então consegui replicar brevemente o que você estava vendo ao instalar o componente em uma instância do Discourse que não o tinha instalado anteriormente. Quando usei o componente pela primeira vez, obtive o mesmo comportamento que você viu (as imagens muito deslocadas para o lado direito).

NO ENTANTO, o problema se resolveu após eu fazer uma pequena coisa: adicionei quebras de linha entre os URIs das imagens. Quando salvei a mensagem, em um momento ou dois, o motor re-renderizou as imagens no formato de mosaico, como esperado.

Então, mudei isso:

![PNG|690x376](upload://tkDa9A71XGWBECPZ8O4NJ7EVU0o.jpeg) ![PNG|690x375](upload://qF63DV2mw5jrFWvYleWclebsDMo.jpeg) ![PNG|690x376](upload://8xiyNyKpSqdDOfh4mxMHgy0Bzkh.jpeg) 

</div>

Para isso:

<div data-theme-tiles="1">

![PNG|690x376](upload://tkDa9A71XGWBECPZ8O4NJ7EVU0o.jpeg) 
![PNG|690x375](upload://qF63DV2mw5jrFWvYleWclebsDMo.jpeg) 
![PNG|690x376](upload://8xiyNyKpSqdDOfh4mxMHgy0Bzkh.jpeg) 

</div>

Curiosamente, depois que funcionou uma vez, parece não importar mais se há quebras de linha entre as URLs das imagens :face_with_raised_eyebrow:

Se quiser testar em qualquer um dos meus sites, basta me enviar uma mensagem e eu te enviarei os links (um deles não é público no momento) :sunglasses:

1 curtida

Certo, após muita experimentação e trabalho com @cjk77 em sua própria instalação, descobrimos que estamos atingindo os limites máximos de tamanho de imagem. O sistema não lida bem com isso; em vez de simplesmente falhar, ele faz uma reformatação estranha no produto final. SE você postar uma imagem que seja muito pequena, pode obter o seguinte:

Todas as imagens usadas estavam abaixo do limite de redimensionamento. Imagens no limite exato não são renderizadas de forma alguma.

5 curtidas

Eu também tenho esse problema. Isso é devido ao tamanho da imagem? Elas devem ser ampliadas e reenviadas?

Edição: isso resolveu.

1 curtida

Sim, com base nos meus experimentos, o componente não funcionará em imagens menores que o limite máximo. Acredito que isso tenha a ver com a forma como o oneboxing funciona.

2 curtidas

Este componente e o Slick Image Gallery não estão funcionando. @Johani

1 curtida

Ambos funcionam perfeitamente aqui. Você poderia ser mais específico sobre o que não está funcionando para você? Qual versão do Discourse você está usando?

Nós somos hospedados pelo Discourse. Então não sei o número exato, mas parece que a última atualização ocorreu há 17 horas. Instalei o componente e carreguei várias imagens para testar, mas não está funcionando. É só isso :thinking:

Você pode encontrar a versão do Discourse em que está ao examinar o cabeçalho HTML de qualquer página:

Isso ainda não é útil — O QUE não está funcionando? Os botões aparecem no editor? Como fica o texto resultante antes de você salvá-lo? As imagens aparecem em sua postagem de alguma forma? Etc.

Ninguém poderá ajudar a menos que consigam entender especificamente o que está acontecendo.

1 curtida

Obrigado, encontrei:

update

As imagens aparecem, mas não como deveriam:

Deveria ser assim:

Suas imagens estão muito pequenas. Elas precisam ser grandes o suficiente para ativar o redimensionamento interno de imagens do Discourse, para que as galerias Tiles ou Slick funcionem.

3 curtidas

Quais são os tamanhos mínimos das imagens para que o componente funcione corretamente?

Independentemente da configuração do seu site.

Procure por largura máxima da imagem e altura máxima da imagem.

As imagens devem ser maiores que essa configuração para ativar o componente.

6 curtidas

Talvez seja um bug? Certamente uma oportunidade de melhoria. Acabei de instalar isso hoje e tenho tido dificuldades para ajustar o layout. Finalmente consegui resolver. Precisei colocar todas as minhas imagens em uma única linha antes de usar o botão do editor. Caso contrário, acabo com um código que parece com este:

![20060316-img1|679x500](upload://7IiKEBIQhilcDwt9KIBxiWZsVt8.jpeg)

</div>
<div data-theme-tiles="1">

![20060106-img2|674x499](upload://pYLbo4Bg417KHGzcNsfVopvxDfX.jpeg)

</div>

E todas as minhas imagens ficam em uma única coluna.

Acho que isso não é um problema se você fizer o upload de todas as imagens em um único lote, mas no meu caso, eu estava reunindo imagens de vários posts e copiando os links um por um.

Por que não pressionar primeiro o botão “Tiles” e, em seguida, inserir os links das imagens onde diz “Adicionar imagens”?

1 curtida