Galeria de Imagens Slick

Olá, este componente não funciona para a página publicada. Entendo que você precisa adicionar o código apropriado ao CSS do componente, mas não sou programador. Diga-me que código devo prescrever para que a galeria seja exibida na página publicada.

Não, a galeria não é exibida na página publicada

Olá. O componente da galeria slick não funciona para uma página publicada. Isso pode ser configurado de alguma forma?
Desculpe por me repetir. Esta pergunta é importante para mim. :pray: :pray: :pray:

Isso não é surpreendente. Páginas publicadas têm uma maneira totalmente diferente de serem renderizadas. Ou pelo menos é o que penso ao ver algumas discussões aqui, embora eu não tenha olhado o código o suficiente para entender, muito menos explicar, o que exatamente está envolvido.

De alguma forma? Provavelmente. Facilmente, não. Minha suposição é que você precisaria fazer um fork do componente de tema da galeria para fazê-lo funcionar, mas pode ser que a página publicada esteja faltando coisas que exigirão um plugin ou algumas chamadas ajax para fazê-la funcionar.

Desculpe por uma resposta que não é útil, mas você queria uma resposta.

2 curtidas

Tenho 1 sugestão sobre a capacidade de incorporar vídeos ou incorporar vídeos do YouTube. Bem como exibir a imagem em miniatura abaixo (E os usuários podem ativar e desativar esse recurso)

Estou tentando usar este componente com o tema Material Design. Eu faço upload de imagens e a postagem fica assim:

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)
![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)
![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

Quando seleciono todas as imagens (texto) e clico no botão Slick, ele cria seções div para cada imagem.

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

![E80C8313-CC87-49DA-8C98-C29B561777C9_1_105_c|690x496](upload://i1A81mLYHp7rNIoMtbc6QlwDq3d.jpeg)

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

![D1DF48E1-8518-491E-A89D-C2197FCCF5A4_1_105_c|666x500](upload://l7XF3m1b0fV4dqjU3IrXM0sz69o.jpeg)

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

![D22C6994-AC07-418D-AFCC-E676355F24AF_1_105_c|666x500](upload://4B5mQjnF8wos9P8hZPFTH3DLjpF.jpeg)

</div>

Se eu editar a postagem para que as imagens fiquem todas dentro da mesma div, funciona como deveria. Estou na versão mais recente do Discourse e do tema. Alguma ideia do que está causando esse comportamento?

Após a atualização do Ember para a v5.5.0, este componente está causando um erro:

:warning: As postagens podem não ser exibidas corretamente porque um dos decoradores de conteúdo de postagem em seu site gerou um erro.
Causado por ‘Slick - Gallery Component’. [Clique aqui] para atualizar, reconfigurar ou desativar.
(esta mensagem é exibida apenas para administradores do site)

Tentei reinstalar e também inspecionei o editor de configurações em busca de erros, mas nada resolve o problema.

3 curtidas

Consigo reproduzir o problema, vejo o erro Uncaught ReferenceError: jQuery is not defined — marcarei isso como quebrado até que alguém tenha tempo de corrigir.

6 curtidas

As pessoas podem querer considerar o recurso de grids de imagem em posts do core como uma alternativa. Introducing image grids in posts

5 curtidas

Nós ocasionalmente o usamos também, é bom. Mas já temos muitas postagens no estilo galeria que não estão sendo exibidas. Deixando de lado o esforço para anexá-las manualmente, eu nem conseguiria encontrá-las todas :melting_face:

4 curtidas

Com todo o respeito, não foi isso que nos foi dito. Pelo que li aqui nas últimas semanas, a promessa era:

Eu entendo que as coisas levam tempo. Posso esperar. No entanto, eu nem estaria atualizando hoje se houvesse temas/plugins oficiais, contrariando a orientação inicial da equipe do Discourse, que agora me dizem para parar de usar. Enquanto isso, existe alguma maneira de reverter para a versão anterior do Ember?

1 curtida

Apenas para sua informação, este componente de tema não é um componente de tema #oficial.

Você pode ver todos os oficiais aqui: https://meta.discourse.org/tags/c/theme-component/120/none/official

2 curtidas

Talvez anos atrás, antes de eu o ter instalado:

https://github.com/hnb-ku/Discourse-Slick-image-gallery

Na verdade, ele foi adicionado posteriormente ao repositório oficial do Discourse.

https://github.com/discourse/Discourse-Slick-image-gallery

Pessoalmente, eu manteria componentes não oficiais fora do seu repositório oficial. Só uma sugestão.

1 curtida

Geralmente, a tag official teria precedência, pois podemos ter algumas no repositório Discourse que não queremos considerar ‘oficiais’.

Dito isso, posso verificar se houve alguma falha neste caso.

5 curtidas

Tenho a sensação de que este componente de tema continuará quebrado no Ember 5.0. Eu o tenho instalado e estou recebendo o banner de aviso de administrador, mas ele não é usado extensivamente. Não consigo ver nada no Meta de @Johani há bem mais de dois anos e o perfil dele está oculto. Se você estiver por aí, Joe, nos avise se você tem planos de manter este componente.

1 curtida

Parece que há algumas artimanhas do jQuery acontecendo. Versões mais recentes do Ember não incluem o jQuery por padrão. Precisarei dar uma olhada melhor, mas o Slick (a biblioteca subjacente) depende do jQuery. Provavelmente deveríamos mudar para uma implementação em JavaScript puro de qualquer maneira.

Tentarei encaixar uma correção que mantenha a mesma funcionalidade/interface ainda esta semana.

13 curtidas

Concordo que seria ótimo migrar para uma implementação em JS puro! :100: (embora talvez… isso devesse ser apenas a nova implementação da galeria masonry do core? E este componente de tema seria apenas um shim para a sintaxe para manter os sites antigos funcionando?)

De qualquer forma, enquanto isso, este pequeno ajuste deve fazer as coisas funcionarem na compilação Ember 5 do Discourse: FIX: Support Discourse's Ember 5 build by davidtaylorhq · Pull Request #17 · discourse/Discourse-Slick-image-gallery · GitHub

7 curtidas

Como posso mudar a cor de fundo?

1 curtida

Relacionado, de certa forma, a esta postagem. Seria uma boa alteração no componente de tema remover/limpar quaisquer CR/LF para que não crie uma galeria para cada imagem? Eu sei que se você usar o botão Upload, isso não acontece, mas muitas vezes eu arrasto e solto imagens na postagem. Para que todas fiquem em uma única galeria, tenho que remover os CRLFs após cada imagem:

Abraços,

2 curtidas

Atualmente quebrado…

Isso também está obsoleto como Tiles Image Gallery - theme-component - Discourse Meta?

2 curtidas