Galería de Imágenes de Azulejos

Why we can not use tile image gallery when the image is only 2 ? It shows just 1 “thumbnail” image. But when the image are 3 and more, it works. Hope, someday, tile image gallery can works even only 2 images on it.

Thanks a lot

1 me gusta

So, I’m having this component fail for me. I installed it on the default theme just to give it a test run before I added it to others, but it’s not working properly. I’ve tried it myself, and so have users.

This is what ends up happening:


Thread test is here.

1 me gusta

What other components/plugins are you using? A conflict is usually the culprit in these situations, as that component is working fine on both of my Discourse instances.

Also, I am looking forward to NaNoWriMo this year! :wink:

1 me gusta

Nothing fancy. Just these, no plugins.

(The Vincent one is straight css, only on the Vincent theme, not default.)

First year we’ll have nano on discourse. Can’t WAIT.

1 me gusta

I’m using Vincent on one of my sites as well. It’s a great theme, though you may have to fix the CSS in a few places, as the theme hasn’t been updated for the changes in Discourse 2.3. (I just added a theme component containing the CSS fixes … easy peasy.)

I’m using all of the components you are except for the Staff Color Fix one.

Are you using any unusual plugins?

Nope, no plugins at all, just SSO

Okay, so I was BRIEFLY able to replicate what you were seeing by installing the component on a Discourse instance which didn’t have it installed previously. When I used the component for the first time, I got the same behavior you saw (images way off to the right side).

HOWEVER, the problem resolved itself after I did one small thing: I added line breaks between the image URIs. When I saved the message, within a moment or two, the engine re-rendered the images in tile format as expected.

So, I changed this:

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

</div>

To this:

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

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

</div>

Interestingly, after it worked once, it no longer seems to matter whether there are line breaks between the image URLs :face_with_raised_eyebrow:

If you want to test it out on either of my sites, just send me a message and I’ll send you links (one is non-public rn) :sunglasses:

1 me gusta

Okay, after a lot of experimentation and work with @cjk77 on his own installation, we’ve figured out we’re bumping up against the max image size limitations. It doesn’t handle that gracefully, so instead of just failing, it does some weird reformatting on the final product. IF you post an image that’s too small you may get this:


All images used were under the resize limit. Image of the exact limit don’t render at all.

5 Me gusta

I have this issue also. This is due to the size of the image? Should they be enlarged and reuploaded?

Edit: that fixed it.

1 me gusta

Yes, based on my experiments the component won’t work on images smaller than the max limit. It has to do with the way oneboxing works, I believe.

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