Galería de imágenes Slick

Hola, este componente no funciona para la página publicada. Entiendo que necesitas agregar el código apropiado al CSS del componente, pero no soy programador. Dime qué código prescribir para que la galería se muestre en la página publicada.

No, la galería no se muestra en la página publicada

Hola. El componente de galería “slick” no funciona en una página publicada. ¿Se puede configurar de alguna manera?
Disculpen por repetirme. Esta pregunta es importante para mí. :pray: :pray: :pray:

Eso no es sorprendente. Las páginas publicadas tienen una forma completamente diferente de renderizarse. O eso creo por haber visto algunas discusiones aquí, aunque no he mirado el código lo suficiente como para entender, y mucho menos explicar, qué implica.

¿De alguna manera? Probablemente. ¿Fácilmente? No. Supongo que necesitarías hacer un fork del componente de tema de galería para que funcione, pero puede que a la página publicada le falten cosas que requieran un plugin o algunas llamadas ajax para que funcione.

Disculpa por una respuesta que no es útil, pero querías una respuesta.

2 Me gusta

Tengo 1 sugerencia sobre la posibilidad de admitir la incrustación de videos o la incrustación de videos de YouTube. Además de mostrar la imagen en miniatura debajo (y los usuarios pueden activar y desactivar esta función).

Estoy intentando usar este componente con el tema Material Design. Subo imágenes y la publicación se ve así:

![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)

Cuando selecciono todas las imágenes (texto) y presiono el botón Slick, se crean secciones div para cada imagen.


<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>

Si edito la publicación para que las imágenes estén todas dentro del mismo div, funciona como debería. Estoy en la última versión de Discourse y del tema. ¿Alguna idea de qué está causando este comportamiento?

Después de la actualización de Ember v5.5.0, este componente está causando un error:

:warning: Es posible que las publicaciones no se muestren correctamente porque uno de los decoradores de contenido de las publicaciones de su sitio generó un error.
Causado por el ‘Componente de galería - Slick’. [Haga clic aquí] para actualizar, reconfigurar o deshabilitar.
(este mensaje solo se muestra a los administradores del sitio)

Intenté reinstalar y también inspeccioné el editor de configuración en busca de errores, nada resuelve el problema.

3 Me gusta

Puedo reproducir el problema, veo el error Uncaught ReferenceError: jQuery is not defined — lo marcaré como roto hasta que alguien tenga tiempo de arreglarlo.

6 Me gusta

Las personas podrían querer considerar la función de grids de imágenes en las publicaciones de core como una alternativa. Introducing image grids in posts

5 Me gusta

Nosotros también lo usamos ocasionalmente, es agradable. Pero ya tenemos muchas publicaciones en estilo de galería que no se muestran en absoluto. Dejando de lado el esfuerzo de agregarlas manualmente, ni siquiera podría rastrearlas todas :cara_derritiendo:

4 Me gusta

Con el debido respeto, esto no es lo que nos dijeron. Por lo que he leído aquí durante las últimas semanas, la promesa era:

Entiendo que las cosas llevan tiempo. Puedo esperar. Sin embargo, ni siquiera estaría actualizando hoy si hubiera temas/plugins oficiales, contrariamente a la guía inicial del equipo de Discourse, que ahora me dicen que deje de usar. Mientras tanto, ¿hay alguna forma de revertir a la versión anterior de Ember?

1 me gusta

Solo como información, este componente temático no es un componente temático #oficial.

Puedes ver todos los oficiales aquí: https://meta.discourse.org/tags/c/theme-component/120/none/official

2 Me gusta

Quizás hace años, antes de que lo instalara:

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

De hecho, más tarde se añadió al repositorio oficial de Discourse.

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

Personalmente, mantendría los componentes no oficiales fuera de tu repositorio oficial. Solo una idea.

1 me gusta

Generalmente, la etiqueta official tendría prioridad, ya que podríamos tener algunas en el repositorio de Discourse que no queremos considerar ‘oficiales’.

Dicho esto, puedo comprobar si ha habido una omisión en este caso.

5 Me gusta

Tengo la sensación de que este componente temático seguirá roto bajo Ember 5.0. Lo tengo instalado y me aparece el banner de advertencia de administrador, pero no se usa mucho. No veo nada en Meta de @Johani desde hace más de dos años y su perfil está oculto. Si estás ahí, Joe, haznos saber si tienes planes de mantener este componente.

1 me gusta

Parece que hay algunas artimañas de jQuery. Las versiones más recientes de Ember no incluyen jQuery por defecto. Necesitaré echar un mejor vistazo, pero Slick (la biblioteca subyacente) depende de jQuery. De todos modos, probablemente deberíamos pasar a una implementación de JavaScript nativo.

Intentaré hacer un arreglo que mantenga la misma funcionalidad / interfaz en algún momento de esta semana.

13 Me gusta

¡De acuerdo, sería genial pasar a una implementación de JS vainilla! :100: (aunque tal vez… ¿esa debería ser la nueva implementación de galería de mampostería de core? ¿Y este componente temático solo sería un soporte para la sintaxis para mantener los sitios antiguos funcionando?)

Mientras tanto, este pequeño ajuste debería hacer que las cosas funcionen en la compilación Ember 5 de Discourse: FIX: Support Discourse's Ember 5 build by davidtaylorhq · Pull Request #17 · discourse/Discourse-Slick-image-gallery · GitHub

7 Me gusta

¿Cómo puedo cambiar el color de fondo?

1 me gusta

Relacionado, más o menos, con esta publicación. ¿Sería una buena alteración del componente temático eliminar/limpiar cualquier CR/LF para que no cree una galería para cada imagen? Sé que si usas el botón de Cargar no hace eso, pero muchas veces arrastro y suelto imágenes en la publicación. Para que todas estén en una sola galería, tengo que eliminar los CRLF después de cada imagen:

Saludos,

2 Me gusta

Actualmente roto…

¿Está esto también obsoleto como Tiles Image Gallery - theme-component - Discourse Meta?

2 Me gusta