Galeria de Imagens Slick

OK, bem, minha resposta passou despercebida, e a do @Hifihedgehog também passou despercebida.

Desinstalando e recomendando que ninguém mais use este componente.

2 curtidas

O componente funciona bem em um servidor de teste de produção com o Discourse mais recente. :thinking:

Você pode verificar o console do seu navegador para ver qual erro ocorre? (Clique com o botão direito → inspecionar → aba Console)

Não está necessariamente obsoleto, mas o componente depende do jQuery, e a modernização no núcleo tende a remover a dependência do jQuery.

Eu encorajaria você a usar a grade de imagens disponível no núcleo:

Desculpe por isso! Você está certo; essa seria uma mudança bem-vinda. :+1:
Você tentou o recurso de grades de imagens que linkei logo acima? Pode fornecer uma boa substituição.

2 curtidas

Sim, estou usando a grade em vez disso. De qualquer forma, tive muito azar com a galeria Slick. Mais do que umas 5 fotos não funcionavam.
Desinstalei agora, então não testarei nada.

2 curtidas

Tenho me dedicado a converter para grade minhas galerias pré-Ember 5 e estou descobrindo rapidamente que essa não é uma solução viável — ponto final. A Grade, de acordo com a documentação (“os itens na grade são organizados para garantir que as alturas das colunas sejam o mais próximas possível umas das outras, portanto, a ordem das imagens nem sempre é mantida”), não mantém a ordem das imagens, o que é um grande impedimento, especialmente para apresentações de slides longas que às vezes faço upload em formato de imagem. Existe uma alternativa ou devemos simplesmente não usar mais uma galeria ordenada e apenas colar imagens como uma única coluna simples, sem formatação, uma parede de imagens? Definitivamente não estou feliz com a forma como o lançamento do Ember 5 foi conduzido de forma tão descuidada, nem um pouco.

1 curtida

Entendo que pode não atender às necessidades de todos.
Você está correto que as imagens podem não estar visualmente na mesma ordem que os links no compositor; no entanto, se a lightbox for aberta, elas estarão.

Lembro-me de tentar modificar o componente para usar outra biblioteca (que não dependesse do jquery). Talvez eu faça um PR outro dia. :+1:

1 curtida

Estou tendo o mesmo problema e parece que não funciona de jeito nenhum.

Erro no console
client-error-handler.js:125 [THEME 31 'Slick - Gallery Component'] TypeError: i.children(...).not(...).slick is not a function
    at i.decorateCooked.id (theme-field-86-common-html-script-2.js:36:94)
    at a.<anonymous> (plugin-api.js:365:37)
    at a.<anonymous> (plugin-api.js:174:19)
    at m (index.js:200:1)
    at a.trigger (evented.js:27:1)
    at e.didInsertElement (discourse-banner.js:52:20)
    at e.r [as didInsertElement] (index.js:361:1)
    at e._trigger (core_view.js:55:1)
    at e.r (index.js:361:1)
    at e._trigger (ember-events.js:147:28)
    at e.r (index.js:361:1)
    at ze.didCreate (index.js:2102:1)
    at jt.commit (runtime.js:3965:1)
    at Mt.commit (runtime.js:4062:1)
    at Nt (runtime.js:4082:1)
    at gr._renderRoots (index.js:4916:1)
    at gr._renderRootsTransaction (index.js:4960:1)
    at gr._renderRoot (index.js:4905:1)
    at gr._appendDefinition (index.js:4830:1)
    at gr.appendOutletView (index.js:4820:1)
    at invoke (backburner.js.js:282:1)
    at h.flush (backburner.js.js:197:1)
    at p.flush (backburner.js.js:358:1)
    at B._end (backburner.js.js:798:1)
    at B._boundAutorunEnd (backburner.js.js:523:1)

Uma pena, pois atualmente não existe outro slideshow/carrossel de imagens para o Discourse, o que pode ser bastante útil às vezes.

Alguém pode adicionar a tag broken ao tópico?

2 curtidas