Galería de Imágenes de Azulejos

¿Por qué no podemos usar la galería de imágenes en mosaico cuando solo hay 2 imágenes? Solo muestra 1 imagen en miniatura. Pero cuando hay 3 imágenes o más, funciona. Ojalá, algún día, la galería de imágenes en mosaico funcione incluso con solo 2 imágenes.

Muchas gracias

1 me gusta

Así que, tengo este componente que falla en mi caso. Lo instalé en el tema predeterminado solo para probarlo antes de agregarlo a otros, pero no está funcionando correctamente. Lo he probado yo mismo y también los usuarios.

Esto es lo que termina sucediendo:


El hilo de prueba está aquí.

1 me gusta

¿Qué otros componentes/plugins estás utilizando? Un conflicto suele ser el culpable en estas situaciones, ya que ese componente funciona correctamente en ambas de mis instancias de Discourse.

¡También estoy deseando comenzar NaNoWriMo este año! :wink:

1 me gusta

Nada extravagante. Solo esto, sin complementos.

(El de Vincent es puro CSS, solo en el tema Vincent, no en el predeterminado.)

El primer año tendremos nano en Discourse. ¡No puedo esperar!

1 me gusta

Yo también estoy usando Vincent en uno de mis sitios. Es un tema excelente, aunque es posible que tengas que corregir el CSS en algunos lugares, ya que el tema no se ha actualizado para los cambios de Discourse 2.3. (Acabo de agregar un componente de tema con las correcciones de CSS… muy sencillo.)

Estoy usando todos los componentes que tú usas, excepto el de Corrección de Color del Personal.

¿Estás utilizando algún plugin inusual?

No, nada de plugins, solo SSO

Vale, así que pude replicar brevemente lo que estabas viendo al instalar el componente en una instancia de Discourse que no lo tenía instalado previamente. Cuando usé el componente por primera vez, obtuve el mismo comportamiento que tú (las imágenes muy desplazadas hacia la derecha).

SIN EMBARGO, el problema se resolvió después de hacer una pequeña cosa: añadí saltos de línea entre las URIs de las imágenes. Cuando guardé el mensaje, en un momento o dos, el motor volvió a renderizar las imágenes en formato de mosaico como era de esperar.

Así que cambié esto:

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

</div>

Por esto:

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

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

</div>

Curiosamente, después de que funcionó una vez, ya no parece importar si hay saltos de línea entre las URLs de las imágenes :face_with_raised_eyebrow:

Si quieres probarlo en cualquiera de mis sitios, solo envíame un mensaje y te enviaré los enlaces (uno no es público por ahora) :sunglasses:

1 me gusta

Vale, después de mucha experimentación y trabajo con @cjk77 en su propia instalación, hemos descubierto que estamos alcanzando los límites máximos de tamaño de imagen. No lo maneja de manera adecuada; en lugar de simplemente fallar, realiza una reformatización extraña en el producto final. Si publicas una imagen que es demasiado pequeña, podrías obtener esto:


Todas las imágenes utilizadas estaban por debajo del límite de redimensionamiento. Las imágenes del límite exacto no se renderizan en absoluto.

5 Me gusta

Yo también tengo este problema. ¿Se debe al tamaño de la imagen? ¿Deberían ampliarse y volver a subirse?

Edición: eso lo solucionó.

1 me gusta

Sí, según mis experimentos, el componente no funciona en imágenes más pequeñas que el límite máximo. Creo que tiene que ver con la forma en que funciona el oneboxing.

2 Me gusta

Este componente y la galería de imágenes Slick no funcionan. @Johani

1 me gusta

Ambos funcionan perfectamente aquí. ¿Podrías ser más específico sobre qué no te está funcionando? ¿Qué versión de Discourse estás utilizando?

Estamos alojados por Discourse. Así que no sé el número exacto, pero parece que la última actualización ocurrió hace 17 horas. He instalado el componente y subido varias imágenes para probar, pero no funciona. Eso es todo :thinking:

Puedes encontrar la versión de Discourse en la que estás consultando el encabezado HTML de cualquier página:

Eso sigue sin ser útil: ¿QUÉ no funciona? ¿Aparecen los botones en el editor? ¿Cómo se ve el texto resultante antes de guardarlo? ¿Aparecen las imágenes en tu publicación en absoluto? Etc.

Nadie podrá ayudar a menos que puedan entender específicamente qué está sucediendo.

1 me gusta

Gracias, lo he encontrado:

update

Las imágenes aparecen, pero no como deberían:

Debería verse así:

Tus imágenes son demasiado pequeñas. Deben ser lo suficientemente grandes para activar la rutina de redimensionamiento interno de imágenes de Discourse, para que las galerías Tiles o Slick funcionen.

3 Me gusta

¿Cuáles son las dimensiones mínimas de las imágenes para que el componente funcione correctamente?

Sea cual sea la configuración de tu sitio.

Busca ancho máximo de imagen y alto máximo de imagen.

Las imágenes deben ser más grandes que esta configuración para activar el componente.

6 Me gusta

¿Quizás un error? Ciertamente una oportunidad de mejora. Lo instalé hoy y he tenido dificultades para ajustar la disposición correctamente. Finalmente lo resolví. Necesitaba tener todas mis imágenes en una única línea antes de usar el botón del editor. De lo contrario, termino con un código que se ve así:

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

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

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

</div>

Y todas mis imágenes quedan en una sola columna.

Supongo que esto no es un problema si subes todas tus imágenes en un solo lote, pero en mi caso estaba recopilando imágenes de varias publicaciones y copiando los enlaces una por una.

¿Por qué no presionar primero el botón de Cuadrículas y luego insertar los enlaces de las imágenes donde dice “Agregar imágenes”?

1 me gusta